@thryveai/theme-interfaces 1.5.23 → 1.5.24-beta1

package/admin-settings-interfaces.d.ts

@@ -3,6 +3,7 @@ export declare type IAdminTemplateInputTypes = {
     [key in IAdminControlType]: IAdminControlType;
 };
 export interface IAdminSettingsTemplate {
+    adminPanelOnly: IAdminControl;
     accountPage: IAdminControl;
     addressValidationTypes: IAdminControl;
     allowInStorePurchases: IAdminControl;

package/admin-settings-interfaces.js

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

package/admin-settings-template.js

@@ -0,0 +1,513 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminSettingsTemplate = void 0;
+var admin_interfaces_1 = require("./admin.interfaces");
+var addressValidationDescription = "Sets the validation types for user addresses";
+var validationTypes = [
+    "luhnValidation",
+    "alphaNumeric",
+    "alphaOnly",
+    "numericOnly",
+    "anyPhone",
+    "email",
+    "password",
+    "required",
+    "usPhone",
+    "usMobileNumber",
+    "caPhone",
+    "auPhone",
+    "iePhone",
+    "caProvince",
+    "usState",
+    "auState",
+    "ieCounty",
+    "caPostCode",
+    "usPostCode",
+    "auPostCode",
+    "iePostCode",
+    "noSpecialChar",
+    "correctDate",
+];
+exports.AdminSettingsTemplate = {
+    adminPanelOnly: {
+        title: "Retailer Details",
+        description: "",
+        type: admin_interfaces_1.AdminTemplateInputTypes.object,
+        value: {
+            bannerName: {
+                title: "Name of the Retailer",
+                description: "Only used to identify the banner in the admin panel",
+                type: "inputChar",
+            },
+            logoUrl: {
+                title: "Name of the Retailer",
+                description: "Only used to identify the banner in the admin panel",
+                type: "inputChar",
+            },
+        },
+    },
+    allowInStorePurchases: {
+        title: "InStore Purchases",
+        description: "Show the purchases made in store in the order history (requires integration).",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    allowPastPurchases: {
+        title: "Display PastPurchases",
+        description: "Enable displaying past purchases functionality",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    cacheTimeMins: {
+        title: "Production Cache time",
+        description: "How long data will be cached to make the site faster. (1 = 1minute)",
+        type: "inputNumber",
+    },
+    addressValidationTypes: {
+        title: "Address Validation",
+        description: "User address validation settings.",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/3178627073/Storefront+Address+Validation+in-progress",
+        type: "object",
+        value: {
+            firstName: {
+                title: "User's first name",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "required"],
+            },
+            familyName: {
+                title: "User's Surname",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "required"],
+            },
+            addressLine1: {
+                title: "Address Line 1",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "numericOnly", "required"],
+            },
+            addressLine2: {
+                title: "Address Line 2",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "numericOnly", "required"],
+            },
+            city: {
+                title: "City",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "required"],
+            },
+            countyProvinceState: {
+                title: "County/Province/State",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: [
+                    "alphaNumeric",
+                    "alphaOnly",
+                    "auState",
+                    "ieCounty",
+                    "usState",
+                    "caProvince",
+                    "required",
+                ],
+            },
+            instructions: {
+                title: "User Instructions Fields",
+                description: "Validation for the input fields for user instructions",
+                type: "multiDropdown",
+                options: ["alphaNumeric", "alphaOnly", "required", "numericOnly"],
+            },
+            phoneNumber: {
+                title: "Phone Number",
+                description: "The number to be used to contact the user",
+                type: "multiDropdown",
+                options: [
+                    "usPhone",
+                    "usMobileNumber",
+                    "numericOnly",
+                    "auPhone",
+                    "caPhone",
+                    "iePhone",
+                    "anyPhone",
+                    "required",
+                ],
+            },
+            postCode: {
+                title: "Post / zip code",
+                description: addressValidationDescription,
+                type: "multiDropdown",
+                options: [
+                    "alphaNumeric",
+                    "auPostCode",
+                    "caPostCode",
+                    "iePostCode",
+                    "usPostCode",
+                    "numericOnly",
+                    "required",
+                ],
+            },
+        },
+    },
+    accountPage: {
+        title: "Account Page",
+        description: "Account page settings",
+        type: admin_interfaces_1.AdminTemplateInputTypes.object,
+        value: {
+            loyaltyTab: {
+                title: "Loyalty Tab",
+                description: "Set up Loyalty Tab on account page",
+                type: admin_interfaces_1.AdminTemplateInputTypes.object,
+                value: {
+                    enabled: {
+                        title: "Enable Loyalty Tab",
+                        description: "Enable Loyalty tab section within My Account page",
+                        type: admin_interfaces_1.AdminTemplateInputTypes.checkbox,
+                    },
+                    disabledEdit: {
+                        title: "Disable Loyalty edit",
+                        description: "Prevent users to change their loyalty number",
+                        type: admin_interfaces_1.AdminTemplateInputTypes.checkbox,
+                    },
+                    loyaltyNumberLength: {
+                        title: "Loyalty Number Length",
+                        description: "Control the loyalty number length",
+                        type: "inputNumber",
+                    },
+                    loyaltyNumberPrefix: {
+                        title: "Loyalty Number Prefix",
+                        description: "Add hardcoded prefix for loyalty numbers (this will affect the length)",
+                        type: "inputChar",
+                    },
+                    loyaltyValidationType: {
+                        title: "Loyalty Number Validation",
+                        description: "Select loyalty validation types",
+                        type: "multiDropdown",
+                        options: validationTypes,
+                    },
+                },
+            },
+        },
+    },
+    // canadianAddressCompleteKey?: string | undefined;
+    // checkout?: IGlobalCheckoutProps;
+    checkoutV1: {
+        title: "Checkout Version",
+        description: "Change your version of the checkout shown to users",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // checkoutValidation?: ICheckoutValidation;
+    // ctaButtons?: ICtaButtons;
+    // daysToRemainSignedIn?: number;
+    defaultCountry: {
+        title: "Default Country",
+        description: "Used for address, phone validation & ui formating.",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "dropdown",
+        options: ["USA", "Canada", "Ireland", "Australia"],
+    },
+    // defaultSearchParams?: IDefaultSearchParams;
+    defaultShoppingMode: {
+        title: "Default Shopping Mode",
+        description: "Shopping mode the site defaults to when a user lands and has not registered.",
+        type: "dropdown",
+        options: ["pickup", "planning", "delivery"],
+    },
+    defaultStoreLocation: {
+        title: "Default Store Location",
+        description: "Used to center the store selector map to the retailers region.  Without setting this, the map defaults to central Africa.",
+        type: "object",
+        value: {
+            latitude: {
+                title: "Latitude",
+                description: "",
+                type: "inputNumber",
+            },
+            longitude: {
+                title: "Longitude",
+                description: "",
+                type: "inputNumber",
+            },
+        },
+    },
+    // defaultStoreLocation?: IDefaultStoreLocation;
+    disableTprPrice: {
+        title: "Disable TPR Price",
+        description: "Disable the display of tpr pricing",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    documentTitle: {
+        title: "Document Title",
+        description: "Fallback browser page Title if no SEO details are added to the page via the CMS.",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputChar",
+    },
+    // eircode?: string | null;
+    enable3dSecure: {
+        title: "Enable 3DSecure",
+        description: "Enable 3d secure validation for payment",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    enableGoogleTranslate: {
+        title: "Enable Google Translate",
+        description: "Enable google translation display and functionality",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    enableNewsletterSignup: {
+        title: "Enable Newsletter",
+        description: "Enable newsletter signup functionality",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    enableNotifications: {
+        title: "Enable Notifications",
+        description: "Enable notifications functionality",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // errorLoggingLevel?: ILoggingLevel;
+    // externalApps?: IExternalApps;
+    // externalStoreSelectorUrl: {
+    //   title: "External Store Selector Url",
+    //   description:
+    //     "Shows a link back to previous shoping platform, seen on store selection modal.This is generally used for an existing site that has not migrated all their stores to WynShop.",
+    //   type: "inputChar",
+    // },
+    favoritesV1: {
+        title: "Favorites Version1",
+        description: "Enable version 1 of favorites functionality",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    flipp: {
+        title: "Flipp Circulars",
+        description: "Configure Flipp circulars integration",
+        type: "nullObject",
+        value: {
+            version: {
+                title: "Version",
+                description: "Will you use version 1 or version 2?",
+                type: "checkbox",
+            },
+            retailer: {
+                title: "Retailer Name",
+                description: "The retailer setting from flipp",
+                type: "inputChar",
+            },
+            merchantId: {
+                title: "Merchant Id",
+                description: "The merchant Id setting from flipp",
+                type: "inputChar",
+            },
+            accessToken: {
+                title: "Access Token",
+                description: "The access token setting from flipp",
+                type: "inputChar",
+            },
+        },
+    },
+    // globalAnimations?: IGlobalAnimations;
+    // googleAutocompleteSettings?: IGoogleAutocompleteSettings;
+    gtmId: {
+        title: "GTM ID",
+        description: "Google Tag Manager ID",
+        type: "inputChar",
+    },
+    hideTaxOnSummary: {
+        title: "Hide Summary Tax",
+        description: "Hide the tax displayed on the summary box",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    houseAccountRegExValidation: {
+        title: "House Account Validation",
+        description: "Regular expression to validate house accounts",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputChar",
+    },
+    // idpTarget?: "_self" | "_blank";
+    // idpUrl: {
+    //   title: 'External IDP url',
+    //   description: 'Is the user using ther own IDP or will they be using the Mi9 My Account functionality for Sign-In / Register and managing the customer account. If Null then Mi9 My Account funcationality will be used.',
+    //   type: "nullObject",
+    //   value: {}
+    // },
+    // instacartUrl?: string | undefined;
+    isPlanningOnly: {
+        title: "Planning Only",
+        description: "Enable if planning mode is the only available shopping method",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // layout?: ILayoutSettings;
+    limitProductCardTitleHeight: {
+        title: "Limit Product Card Title",
+        description: "Restricts the product card title height display",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // loggingLevelClient?: ILoggingLevel;
+    // loggingLevelServer?: ILoggingLevel;
+    mainHeaderHeight: {
+        title: "Main Header Height",
+        description: "Use to set the main header height in pixels",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputNumber",
+    },
+    mapZoom: {
+        title: "Map Zoom",
+        description: "Use to change the google maps zoom level",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputNumber",
+    },
+    minimumCreditCardAmount: {
+        title: "Minimum Credit Card Amount",
+        description: "Use to set the minimum credit card amount",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    nutritionZone: {
+        title: "Nutrition Template",
+        description: "Show the correct nutrition format for the correct zone.",
+        type: "dropdown",
+        options: ["us", "eu", "au", "ca"],
+    },
+    // paymentCards?: IPaymentCards;
+    // pdpDetailsLayout?: IPdpDetailsLayout;
+    productCardTitleHeight: {
+        title: "Product Card Title Height",
+        description: "Set the product card title height in pixels",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputNumber",
+    },
+    productCardv2: {
+        title: "use product card v2",
+        description: "use product card v2",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // TODO: this is set to number in main interface, should be fixed numbers
+    promoTemplateVersion: {
+        title: "Promo Template Version",
+        description: "Select a template version to show promotions",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "dropdown",
+        options: [1, 2, 3],
+    },
+    // registrationFields?: IRegistrationField[];
+    // restrictMapPlacesResults?: IRestrictMapPlaces;
+    retailerCountry: {
+        title: "Retailer country",
+        description: "Select the retailer country",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "dropdown",
+        options: ["us", "ca", "ie", "au"],
+    },
+    retailerName: {
+        title: "Retailer Name",
+        description: "Retailers short code e.g the code used for the retailers environment.",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputChar",
+    },
+    searchPreview: {
+        title: "Search Previews",
+        description: "Toggle Products/Suggestions to appear on search preview",
+        type: "object",
+        value: {
+            desktop: {
+                title: "Desktop",
+                description: "",
+                type: "object",
+                value: {
+                    products: {
+                        title: "Show Products",
+                        description: "",
+                        type: "checkbox",
+                    },
+                    suggestions: {
+                        title: "Snow Suggestions",
+                        description: "",
+                        type: "checkbox",
+                    },
+                },
+            },
+            mobile: {
+                title: "Mobile",
+                description: "",
+                type: "object",
+                value: {
+                    products: {
+                        title: "Show Products",
+                        description: "",
+                        type: "checkbox",
+                    },
+                    suggestions: {
+                        title: "Snow Suggestions",
+                        description: "",
+                        type: "checkbox",
+                    },
+                },
+            },
+        },
+    },
+    // secondTierAuthorization?: ISecondTierAuthorization;
+    showCheckoutPromoCode: {
+        title: "Show Checkout Promo",
+        description: "Show checkout promotion code",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    showImgOnOrder: {
+        title: "Show Image On Order",
+        description: "Show images on order",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // smsNotifications?: ISMSConfig;
+    subHeaderHeight: {
+        title: "Subheader Height",
+        description: "Use to set the sub header height in pixels",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "inputNumber",
+    },
+    timeslotModalSettings: {
+        title: "Timeslot Modal Settings",
+        description: "Force timeslot selection",
+        type: "object",
+        value: {
+            showOnAddToCart: {
+                title: "Timeslot on Add To Cart",
+                description: "Show timeslot popup when user clicks on AddToCart",
+                type: "checkbox",
+            },
+            timeslotRequiredToAddToCart: {
+                title: "Force Timeslot on Add To Cart",
+                description: "Force a timeslot selection in order to add item in cart",
+                type: "checkbox",
+            },
+            timeslotRequiredToViewCartReview: {
+                title: "Force Timeslot on Cart Page",
+                description: "Force a timeslot selection in order to view cart page",
+                type: "checkbox",
+            },
+        },
+    },
+    useAddressValidation: {
+        title: "Use Address Validation",
+        description: "Use to enable address validation",
+        helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
+        type: "checkbox",
+    },
+    // footerType: {
+    //   title: "Footer Version",
+    //   description: "Change your version of the checkout shown to users",
+    //   type: "radio",
+    //   options: [1, 2, 3, 4, 5],
+    // },
+};
+exports.default = exports.AdminSettingsTemplate;

package/admin.interfaces.d.ts

@@ -0,0 +1,2 @@
+import { IAdminTemplateInputTypes } from "./admin-settings-interfaces";
+export declare const AdminTemplateInputTypes: IAdminTemplateInputTypes;

package/admin.interfaces.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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",
+};

package/default-theme.interface.js

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

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",
+};