@transcommerce/cwm-shared 1.1.87 → 1.1.88

package/fesm2022/transcommerce-cwm-shared.mjs

@@ -1533,203 +1533,182 @@ const MENU_BOARD_CONFIG_SCHEMA = {
     required: ["amountToScroll", "autoScrollTimeout", "dataAgeThreshold"]
 };
 
-const DEFAULT_SLIDE = {
-    "image": "../../../assets/images/tuesday.png",
-    "title": "Doobie Tuesday",
-    "description": "10% off all pre-rolls & packs<",
-    "highlighted": false,
-    "textColor": "black",
-    "backgroundColor": "white"
-};
-const SLIDE_SCHEMA = {
+class CoordinatesStyle {
+    top;
+    left;
+    ngOnStyle(ngStyle) {
+        if (this.top)
+            ngStyle['top'] = typeof this.top === 'number' ? `${this.top}px` : this.top;
+        if (this.left)
+            ngStyle['left'] = typeof this.left === 'number' ? `${this.left}px` : this.left;
+        return ngStyle;
+    }
+}
+const DEFAULT_COORDINATES = (() => {
+    const coordinates = new CoordinatesStyle();
+    coordinates.top = 0;
+    coordinates.left = 0;
+    return coordinates;
+})();
+const COORDINATES_STYLE_SCHEMA = {
     type: "object",
-    title: "Slide",
+    title: "CoordinatesStyle",
     properties: {
-        image: {
-            type: "string",
-            title: "Image URL", // Custom display name
-            description: "The URL of background image for the slide",
-            default: "../../../assets/images/tuesday.png"
-        },
-        title: {
-            type: "string",
-            title: "Title",
-            description: "The title text displayed on the slide",
-            default: "Doobie Tuesday"
-        },
-        description: {
-            type: "string",
-            title: "Description",
-            description: "The description text displayed on the slide",
-            default: "10% off all pre-rolls & packs<"
-        },
-        highlighted: {
-            type: "boolean",
-            title: "Highlighted",
-            description: "Determines if the slide is highlighted",
-            default: false
-        },
-        textColor: {
-            type: "string",
-            title: "Text Color",
-            description: "The color of the text on the slide",
-            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
-            default: "black"
+        top: {
+            type: "number",
+            title: "Top coordinates", // Custom display name
+            description: "Number that describes the top coordinates in pixels",
+            default: 1
         },
-        backgroundColor: {
-            type: "string",
-            title: "Background Color",
-            description: "The background color of the slide",
-            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
-            default: "white"
+        left: {
+            type: "number",
+            title: "Left coordinates",
+            description: "Number that describes the left coordinates in pixels",
+            default: 1
         }
     },
-    required: [
-        "image",
-        "title",
-        "description",
-        "highlighted",
-        "textColor",
-        "backgroundColor"
-    ]
+    required: ["top", "left"]
 };
 
-const DEFAULT_SUBSCRIPTION_CONFIG = {
-    amount: 1,
-    days: 30,
-    totalOccurrences: 12,
-    trialOccurrences: 0
+var Justifications;
+(function (Justifications) {
+    Justifications["Left"] = "left";
+    Justifications["Right"] = "right";
+    Justifications["Center"] = "center";
+    Justifications["Fully"] = "fully";
+})(Justifications || (Justifications = {}));
+const DEFAULT_JUSTIFICATION = Justifications.Left;
+const JUSTIFICATIONS_SCHEMA = {
+    type: "string",
+    title: "Justification",
+    description: "Justification of the image within its container",
+    enum: Object.values(Justifications),
+    default: DEFAULT_JUSTIFICATION
 };
-const SUBSCRIPTION_CONFIG_SCHEMA = {
+
+class SizeStyle {
+    ngOnStyle(ngStyle) {
+        if (this.width) {
+            if (ngStyle) {
+                ngStyle['width'] = typeof this.width === 'number' ? `${this.width}px` : this.width;
+            }
+        }
+        if (this.height) {
+            if (ngStyle) {
+                ngStyle['height'] = typeof this.height === 'number' ? `${this.height}px` : this.height;
+            }
+        }
+        return ngStyle;
+    }
+    width;
+    height;
+}
+const DEFAULT_SIZE_STYLE = (() => {
+    const sizeStyle = new SizeStyle();
+    sizeStyle.height = 100;
+    sizeStyle.width = 100;
+    return sizeStyle;
+})();
+const SIZE_STYLE_SCHEMA = {
     type: "object",
-    title: "Subscription Configuration",
+    title: "SizeStyle",
     properties: {
-        amount: {
-            type: "number",
-            title: "Cost per occurrence", // Custom display name
-            description: "The amount to charge for each subscription occurrence",
-            default: 1
-        },
-        days: {
-            type: "number",
-            title: "Days between occurrences",
-            description: "The number of days between each subscription occurrence",
-            default: 30
-        },
-        totalOccurrences: {
-            type: "number",
-            title: "Total occurrences",
-            description: "The total number of occurrences for the subscription",
-            default: 12
-        },
-        trialOccurrences: {
-            type: "number",
-            title: "Trial occurrences",
-            description: "The number of trial occurrences (free)",
-            default: 0
+        width: {
+            type: ["number", "string"],
+            title: "Width",
+            description: "Width of the element, can be a number (in pixels) or a string (e.g., '100px', '50%')"
+        },
+        height: {
+            type: ["number", "string"],
+            title: "Height",
+            description: "Height of the element, can be a number (in pixels) or a string (e.g., '100px', '50%')"
         }
     },
-    required: ["amount", "days", "totalOccurrences", "trialOccurrences"]
+    required: ["width", "height"]
 };
 
-const DEFAULT_COMPANY_NAME = 'Test Weed Dispensary';
-const DEFAULT_CONFIGURATION = {
-    companyName: DEFAULT_COMPANY_NAME,
-    authConfig: DEFAULT_AUTH_CONFIG,
-    apiConfig: DEFAULT_API_CONFIG,
-    subscriptionConfig: DEFAULT_SUBSCRIPTION_CONFIG,
-    menuBoardConfig: DEFAULT_MENU_BOARD_CONFIG,
-    footerCarouselConfig: DEFAULT_CAROUSEL_CONFIG,
-    footerCarouselSlideConfig: [
-        {
-            "image": "../../../assets/images/sunday.png",
-            "title": "CBD Sunday",
-            "description": "20% off all CBD products & house pre-rolls",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../assets/images/new-monday.jpg",
-            "title": "Edible Monday",
-            "description": "10% off edibles",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../assets/images/tuesday.png",
-            "title": "Doobie Tuesday",
-            "description": "10% off all pre-rolls & packs<",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/wednesday.png",
-            "title": "Weed Crush Wednesday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/thursday.png",
-            "title": "Thirsty Thursday",
-            "description": "10% off Tinctures, RSO & cartridges",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/friday.png",
-            "title": "Fire Friday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/saturday.png",
-            "title": "Shatterday Saturday",
-            "description": "10% off all concentrate",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
+class ImageStyle {
+    href;
+    justification;
+    size;
+    coordinates;
+    ngOnStyle(ngStyle) {
+        if (this.href) {
+            ngStyle['backgroundImage'] = `url(${this.href})`;
         }
-    ]
-};
-const CONFIGURATION_SCHEMA = {
+        if (this.justification) {
+            ngStyle['backgroundPosition'] = this.justification;
+        }
+        if (this.size) {
+            this.size.ngOnStyle(ngStyle);
+        }
+        if (this.coordinates) {
+            this.coordinates.ngOnStyle(ngStyle);
+        }
+        return ngStyle;
+    }
+}
+const DEFAULT_IMAGE_STYLE = (() => {
+    const image = new ImageStyle();
+    image.href = "assets/images/default-category.png";
+    image.justification = Justifications.Left;
+    image.size = DEFAULT_SIZE_STYLE;
+    image.coordinates = DEFAULT_COORDINATES;
+    return image;
+})();
+const IMAGE_STYLE_SCHEMA = {
     type: "object",
-    title: "Customer Configuration",
+    title: "ImageStyle",
     properties: {
-        companyName: {
+        href: {
             type: "string",
-            title: "Company Name",
-            default: DEFAULT_COMPANY_NAME
+            title: "Image URL",
+            description: "URL of the image to be used as background"
         },
-        authConfig: AUTH_CONFIG_SCHEMA,
-        apiConfig: API_CONFIG_SCHEMA,
-        subscriptionConfig: SUBSCRIPTION_CONFIG_SCHEMA,
-        menuBoardConfig: MENU_BOARD_CONFIG_SCHEMA,
-        footerCarouselConfig: CAROUSEL_CONFIG_SCHEMA,
-        footerCarouselSlideConfig: {
-            type: "array",
-            title: "Footer Carousel Slides Collection",
-            description: "Configuration for each slide in the footer carousel",
-            items: SLIDE_SCHEMA,
-            default: DEFAULT_CONFIGURATION.footerCarouselSlideConfig
+        justification: {
+            enum: Object.values(Justifications),
+            type: "string",
+            title: "Justification",
+            description: "Justification of the image within its container"
+        },
+        size: {
+            type: "object",
+            title: "SizeStyle",
+            description: "Size of the image",
+            properties: {
+                width: {
+                    type: ["number", "string"],
+                    title: "Width",
+                    description: "Width of the image in pixels or as a CSS string (e.g., '100px', '50%')"
+                },
+                height: {
+                    type: ["number", "string"],
+                    title: "Height",
+                    description: "Height of the image in pixels or as a CSS string (e.g., '100px', '50%')"
+                }
+            },
+            required: ["width", "height"]
+        },
+        coordinates: {
+            type: "object",
+            title: "CoordinatesStyle",
+            description: "Position of the image within its container",
+            properties: {
+                top: {
+                    type: ["number", "string"],
+                    title: "Top coordinates",
+                    description: "Number that describes the top coordinates in pixels or as a CSS string (e.g., '10px', '5%')"
+                },
+                left: {
+                    type: ["number", "string"],
+                    title: "Left coordinates",
+                    description: "Number that describes the left coordinates in pixels or as a CSS string (e.g., '10px', '5%')"
+                }
+            },
+            required: ["top", "left"]
         }
     },
-    required: [
-        "companyName",
-        "authConfig",
-        "apiConfig",
-        "subscriptionConfig",
-        "menuBoardConfig",
-        "footerCarouselConfig",
-        "footerCarouselSlideConfig"
-    ]
+    required: ["href", "justification"]
 };
 
 var NamedColors;
@@ -2065,6 +2044,14 @@ function isNamedColor(colorName) {
 function getNamedColors() {
     return Object.keys(NAMED_COLOR_MAP);
 }
+const DEFAULT_NAMED_COLOR = NamedColors.Black;
+const NAMED_COLOR_SCHEMA = {
+    type: "string",
+    title: "Named Color",
+    description: "A CSS named color (e.g., 'red', 'blue', 'lightgray')",
+    enum: getNamedColors(),
+    default: DEFAULT_NAMED_COLOR
+};
 
 class RgbaColorStyle {
     ngOnStyle(ngStyle) {
@@ -2171,17 +2158,57 @@ class RgbaColorStyle {
         return null;
     }
 }
-
-/**
- * A unified Color class that can represent colors as Named, Hex, or RGBA formats
- * and provides conversion methods between all formats.
- */
-class ColorStyle {
-    _value;
-    constructor(value) {
-        this._value = value;
-    }
-    ngOnStyle(ngStyle) {
+const DEFAULT_RGBA_COLOR_STYLE = RgbaColorStyle.fromHexColor("#000000");
+const RGBA_COLOR_STYLE_SCHEMA = {
+    type: "object",
+    title: "RGBA Color Style",
+    properties: {
+        r: {
+            type: "number",
+            title: "Red",
+            description: "Red component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        g: {
+            type: "number",
+            title: "Green",
+            description: "Green component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        b: {
+            type: "number",
+            title: "Blue",
+            description: "Blue component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        a: {
+            type: "number",
+            title: "Alpha",
+            description: "Alpha component (0-1)",
+            minimum: 0,
+            maximum: 1,
+            default: 1
+        }
+    },
+    required: ["r", "g", "b", "a"]
+};
+
+/**
+ * A unified Color class that can represent colors as Named, Hex, or RGBA formats
+ * and provides conversion methods between all formats.
+ */
+class ColorStyle {
+    _value;
+    constructor(value) {
+        this._value = value;
+    }
+    ngOnStyle(ngStyle) {
         return {
             ...ngStyle,
             color: this.toCssString()
@@ -2396,21 +2423,6 @@ class ColorStyle {
 const DEFAULT_FORECOLOR = ColorStyle.fromNamedColor("black");
 const DEFAULT_BACKCOLOR = ColorStyle.fromNamedColor("white");
 
-class CoordinatesStyle {
-    top;
-    left;
-    ngOnStyle(ngStyle) {
-        if (this.top)
-            ngStyle['top'] = typeof this.top === 'number' ? `${this.top}px` : this.top;
-        if (this.left)
-            ngStyle['left'] = typeof this.left === 'number' ? `${this.left}px` : this.left;
-        return ngStyle;
-    }
-}
-const DEFAULT_COORDINATES = new CoordinatesStyle();
-DEFAULT_COORDINATES.top = 0;
-DEFAULT_COORDINATES.left = 0;
-
 class FontStyle {
     family;
     size;
@@ -2428,12 +2440,408 @@ class FontStyle {
         return ngStyle;
     }
 }
-const DEFAULT_FONT = new FontStyle();
-DEFAULT_FONT.family = '"Newake-Regular", sans-serif';
-DEFAULT_FONT.size = 16;
-DEFAULT_FONT.italic = false;
-DEFAULT_FONT.bold = true;
-DEFAULT_FONT.underline = false;
+const DEFAULT_FONT = (() => {
+    const font = new FontStyle();
+    font.family = '"Newake-Regular", sans-serif';
+    font.size = 16;
+    font.italic = false;
+    font.bold = true;
+    font.underline = false;
+    return font;
+})();
+const FONT_STYLE_SCHEMA = {
+    type: "object",
+    title: "FontStyle",
+    properties: {
+        family: {
+            type: "string",
+            title: "Font family", // Custom display name
+            description: "String that describes the font family, e.g., 'Arial', 'Times New Roman', 'Newake-Regular'",
+            default: '"Newake-Regular", sans-serif'
+        },
+        size: {
+            type: "number",
+            title: "Font size",
+            description: "Number that describes the font size in pixels",
+            default: 16
+        },
+        italic: {
+            type: "boolean",
+            title: "Italic",
+            description: "Boolean that indicates whether the font is italic or not",
+            default: false
+        },
+        bold: {
+            type: "boolean",
+            title: "Bold",
+            description: "Boolean that indicates whether the font is bold or not",
+            default: false
+        },
+        underline: {
+            type: "boolean",
+            title: "Underline",
+            description: "Boolean that indicates whether the font is underlined or not",
+            default: false
+        }
+    },
+    required: ["family", "size"]
+};
+
+class TextStyle {
+    font;
+    textColor;
+    backgroundColor;
+    watermark;
+    image;
+    value;
+    ngOnStyle(ngStyle) {
+        return {
+            ...(ngStyle),
+            ...(this.font ? this.font.ngOnStyle(ngStyle) : {}),
+            ...(this.textColor ? { color: this.textColor.toCssString() } : {}),
+            ...(this.backgroundColor ? { backgroundColor: this.backgroundColor.toCssString() } : {}),
+            ...(this.image ? this.image.ngOnStyle(ngStyle) : {}),
+        };
+    }
+}
+const DEFAULT_TEXT_STYLE = (() => {
+    const textStyle = new TextStyle();
+    textStyle.value = 'Default Category';
+    textStyle.font = DEFAULT_FONT;
+    textStyle.textColor = DEFAULT_BACKCOLOR;
+    textStyle.backgroundColor = DEFAULT_FORECOLOR;
+    textStyle.watermark = "Category Name";
+    textStyle.image = DEFAULT_IMAGE_STYLE;
+    return textStyle;
+})();
+const TEXT_STYLE_SCHEMA = {
+    type: "object",
+    title: "TextStyle",
+    properties: {
+        value: {
+            type: "string",
+            title: "Text Value",
+            description: "The actual text content to be displayed"
+        },
+        font: {
+            type: "object",
+            title: "FontStyle",
+            description: "Font styling for the text",
+            properties: {
+                family: {
+                    type: "string",
+                    title: "Font Family",
+                    description: "The font family to be used for the text (e.g., 'Arial', 'Helvetica')"
+                },
+                size: {
+                    type: ["number", "string"],
+                    title: "Font Size",
+                    description: "The size of the font, can be a number (in pixels) or a string (e.g., '16px', '1em')"
+                },
+                weight: {
+                    type: ["number", "string"],
+                    title: "Font Weight",
+                    description: "The weight of the font, can be a number (e.g., 400 for normal, 700 for bold) or a string (e.g., 'normal', 'bold')"
+                },
+                style: {
+                    type: "string",
+                    title: "Font Style",
+                    description: "The style of the font (e.g., 'normal', 'italic')"
+                },
+                decoration: {
+                    type: "string",
+                    title: "Text Decoration",
+                    description: "The decoration of the text (e.g., 'none', 'underline')"
+                }
+            }
+        },
+        textColor: {
+            type: "object",
+            title: "Text Color",
+            description: "Color styling for the text, defined as an object with properties for color values"
+        },
+        backgroundColor: {
+            type: "object",
+            title: "Background Color",
+            description: "Color styling for the background, defined as an object with propertiesfor color values"
+        },
+        watermark: {
+            type: "string",
+            title: "Watermark",
+            description: "A string that represents the watermark text to be displayed behind the main text"
+        },
+        image: {
+            type: "object",
+            title: "ImageStyle",
+            description: "Image styling for the text, defined as an object with properties for image URL, size, and position"
+        }
+    }
+};
+
+class FooterSlide {
+    image;
+    title;
+    description;
+    highlighted;
+    backgroundColor;
+}
+const DEFAULT_SLIDE = {
+    "image": "../../../assets/images/tuesday.png",
+    "title": "Doobie Tuesday",
+    "description": "10% off all pre-rolls & packs<",
+    "highlighted": false,
+    "textColor": "black",
+    "backgroundColor": "white"
+};
+const DEFAULT_FOOTER_SLIDE = (() => {
+    const slide = new FooterSlide();
+    slide.image = (() => {
+        const imageStyle = new ImageStyle();
+        imageStyle.href = "../../../assets/images/tuesday.png";
+        return imageStyle;
+    })();
+    slide.title = (() => {
+        const textStyle = new TextStyle();
+        textStyle.value = "Doobie Tuesday";
+        textStyle.textColor = ColorStyle.fromNamedColor(NamedColors.Black);
+        if (textStyle.font)
+            textStyle.font.size = 14;
+        return textStyle;
+    })();
+    slide.description = (() => {
+        const textStyle = new TextStyle();
+        textStyle.value = "10% off all pre-rolls & packs";
+        textStyle.textColor = ColorStyle.fromNamedColor(NamedColors.Black);
+        if (textStyle.font)
+            textStyle.font.size = 12;
+        return textStyle;
+    })();
+    slide.highlighted = false;
+    slide.backgroundColor = ColorStyle.fromNamedColor(NamedColors.White);
+    return slide;
+})();
+const SLIDE_SCHEMA = {
+    type: "object",
+    title: "Slide",
+    properties: {
+        image: {
+            type: "string",
+            title: "Image URL", // Custom display name
+            description: "The URL of background image for the slide",
+            default: "../../../assets/images/tuesday.png"
+        },
+        title: {
+            type: "string",
+            title: "Title",
+            description: "The title text displayed on the slide",
+            default: "Doobie Tuesday"
+        },
+        description: {
+            type: "string",
+            title: "Description",
+            description: "The description text displayed on the slide",
+            default: "10% off all pre-rolls & packs<"
+        },
+        highlighted: {
+            type: "boolean",
+            title: "Highlighted",
+            description: "Determines if the slide is highlighted",
+            default: false
+        },
+        textColor: {
+            type: "string",
+            title: "Text Color",
+            description: "The color of the text on the slide",
+            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
+            default: "black"
+        },
+        backgroundColor: {
+            type: "string",
+            title: "Background Color",
+            description: "The background color of the slide",
+            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
+            default: "white"
+        }
+    },
+    required: [
+        "image",
+        "title",
+        "description",
+        "highlighted",
+        "textColor",
+        "backgroundColor"
+    ]
+};
+const FOOTER_SLIDE_SCHEMA = {
+    type: "object",
+    title: "FooterSlide",
+    properties: {
+        image: {
+            type: "object",
+            title: "ImageStyle",
+            description: "The styling for the image displayed on the footer slide"
+        },
+        title: {
+            type: "object",
+            title: "TextStyle",
+            description: "The styling for the title text displayed on the footer slide"
+        },
+        description: {
+            type: "object",
+            title: "TextStyle",
+            description: "The styling for the description text displayed on the footer slide"
+        },
+        highlighted: {
+            type: "boolean",
+            title: "Highlighted",
+            description: "Determines if the footer slide is highlighted"
+        },
+        backgroundColor: {
+            type: "object",
+            title: "ColorStyle",
+            description: "The background color styling for the footer slide"
+        }
+    },
+    required: ["image", "title"]
+};
+
+const DEFAULT_SUBSCRIPTION_CONFIG = {
+    amount: 1,
+    days: 30,
+    totalOccurrences: 12,
+    trialOccurrences: 0
+};
+const SUBSCRIPTION_CONFIG_SCHEMA = {
+    type: "object",
+    title: "Subscription Configuration",
+    properties: {
+        amount: {
+            type: "number",
+            title: "Cost per occurrence", // Custom display name
+            description: "The amount to charge for each subscription occurrence",
+            default: 1
+        },
+        days: {
+            type: "number",
+            title: "Days between occurrences",
+            description: "The number of days between each subscription occurrence",
+            default: 30
+        },
+        totalOccurrences: {
+            type: "number",
+            title: "Total occurrences",
+            description: "The total number of occurrences for the subscription",
+            default: 12
+        },
+        trialOccurrences: {
+            type: "number",
+            title: "Trial occurrences",
+            description: "The number of trial occurrences (free)",
+            default: 0
+        }
+    },
+    required: ["amount", "days", "totalOccurrences", "trialOccurrences"]
+};
+
+const DEFAULT_COMPANY_NAME = 'Test Weed Dispensary';
+const DEFAULT_CONFIGURATION = {
+    companyName: DEFAULT_COMPANY_NAME,
+    authConfig: DEFAULT_AUTH_CONFIG,
+    apiConfig: DEFAULT_API_CONFIG,
+    subscriptionConfig: DEFAULT_SUBSCRIPTION_CONFIG,
+    menuBoardConfig: DEFAULT_MENU_BOARD_CONFIG,
+    footerCarouselConfig: DEFAULT_CAROUSEL_CONFIG,
+    footerCarouselSlideConfig: [
+        {
+            "image": "../../../assets/images/sunday.png",
+            "title": "CBD Sunday",
+            "description": "20% off all CBD products & house pre-rolls",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../assets/images/new-monday.jpg",
+            "title": "Edible Monday",
+            "description": "10% off edibles",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../assets/images/tuesday.png",
+            "title": "Doobie Tuesday",
+            "description": "10% off all pre-rolls & packs<",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/wednesday.png",
+            "title": "Weed Crush Wednesday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/thursday.png",
+            "title": "Thirsty Thursday",
+            "description": "10% off Tinctures, RSO & cartridges",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/friday.png",
+            "title": "Fire Friday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/saturday.png",
+            "title": "Shatterday Saturday",
+            "description": "10% off all concentrate",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        }
+    ]
+};
+const CONFIGURATION_SCHEMA = {
+    type: "object",
+    title: "Customer Configuration",
+    properties: {
+        companyName: {
+            type: "string",
+            title: "Company Name",
+            default: DEFAULT_COMPANY_NAME
+        },
+        authConfig: AUTH_CONFIG_SCHEMA,
+        apiConfig: API_CONFIG_SCHEMA,
+        subscriptionConfig: SUBSCRIPTION_CONFIG_SCHEMA,
+        menuBoardConfig: MENU_BOARD_CONFIG_SCHEMA,
+        footerCarouselConfig: CAROUSEL_CONFIG_SCHEMA,
+        footerCarouselSlideConfig: {
+            type: "array",
+            title: "Footer Carousel Slides Collection",
+            description: "Configuration for each slide in the footer carousel",
+            items: SLIDE_SCHEMA,
+            default: DEFAULT_CONFIGURATION.footerCarouselSlideConfig
+        }
+    },
+    required: [
+        "companyName",
+        "authConfig",
+        "apiConfig",
+        "subscriptionConfig",
+        "menuBoardConfig",
+        "footerCarouselConfig",
+        "footerCarouselSlideConfig"
+    ]
+};
 
 /**
  * Converts a hex color to RGBA format
@@ -2674,87 +3082,26 @@ function rgbaToNamedColor(rgba) {
     const hexColor = rgbaObjectToHex(rgba);
     return hexToNamedColor(hexColor);
 }
+const DEFAULT_HEX_COLOR = "#000000";
+const HEX_COLOR_SCHEMA = {
+    type: "string",
+    title: "HexColor",
+    description: "A hex color string in the format #RRGGBB or #RRGGBBAA",
+    pattern: "^#([0-9a-fA-F]{6}|[0-9a-fA-F]{8})$",
+    default: DEFAULT_HEX_COLOR
+};
 
-var Justifications;
-(function (Justifications) {
-    Justifications["Left"] = "left";
-    Justifications["Right"] = "right";
-    Justifications["Center"] = "center";
-    Justifications["Fully"] = "fully";
-})(Justifications || (Justifications = {}));
-
-class SizeStyle {
-    ngOnStyle(ngStyle) {
-        if (this.width) {
-            if (ngStyle) {
-                ngStyle['width'] = typeof this.width === 'number' ? `${this.width}px` : this.width;
-            }
-        }
-        if (this.height) {
-            if (ngStyle) {
-                ngStyle['height'] = typeof this.height === 'number' ? `${this.height}px` : this.height;
-            }
-        }
-        return ngStyle;
-    }
-    width;
-    height;
-}
-const DEFAULT_SIZE = new SizeStyle();
-DEFAULT_SIZE.width = 100;
-DEFAULT_SIZE.height = 100;
-
-class ImageStyle {
-    href;
-    justification;
-    size;
-    coordinates;
-    ngOnStyle(ngStyle) {
-        if (this.href) {
-            ngStyle['backgroundImage'] = `url(${this.href})`;
-        }
-        if (this.justification) {
-            ngStyle['backgroundPosition'] = this.justification;
-        }
-        if (this.size) {
-            this.size.ngOnStyle(ngStyle);
-        }
-        if (this.coordinates) {
-            this.coordinates.ngOnStyle(ngStyle);
-        }
-        return ngStyle;
-    }
-}
-const DEFAULT_IMAGE = new ImageStyle();
-DEFAULT_IMAGE.href = "assets/images/default-category.png";
-DEFAULT_IMAGE.justification = Justifications.Left;
-DEFAULT_IMAGE.size = DEFAULT_SIZE;
-DEFAULT_IMAGE.coordinates = DEFAULT_COORDINATES;
-
-class TextStyle {
-    font;
-    textColor;
-    backgroundColor;
-    watermark;
-    image;
-    value;
-    ngOnStyle(ngStyle) {
-        return {
-            ...(ngStyle),
-            ...(this.font ? this.font.ngOnStyle(ngStyle) : {}),
-            ...(this.textColor ? { color: this.textColor.toCssString() } : {}),
-            ...(this.backgroundColor ? { backgroundColor: this.backgroundColor.toCssString() } : {}),
-            ...(this.image ? this.image.ngOnStyle(ngStyle) : {}),
-        };
+const DEFAULT_NG_STYLE = { width: 100 };
+const NG_STYLE_SCHEMA = {
+    type: "object",
+    title: "ngStyleAttribute",
+    description: "Object representing CSS styles to be applied to an element",
+    additionalProperties: {
+        type: ["string", "number", "null"],
+        title: "CSS Property Value",
+        description: "Value of the CSS property, can be a string, number, or null"
     }
-}
-const DEFAULT_TEXT_STYLE = new TextStyle();
-DEFAULT_TEXT_STYLE.value = 'Default Category';
-DEFAULT_TEXT_STYLE.font = DEFAULT_FONT;
-DEFAULT_TEXT_STYLE.textColor = DEFAULT_BACKCOLOR;
-DEFAULT_TEXT_STYLE.backgroundColor = DEFAULT_FORECOLOR;
-DEFAULT_TEXT_STYLE.watermark = "Category Name";
-DEFAULT_TEXT_STYLE.image = DEFAULT_IMAGE;
+};
 
 const EXAMPLE_CREATE_SUBSCRIPTION_REQUEST = {
     "creditCard": {
@@ -29504,5 +29851,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_CONFIG_SCHEMA, AUTH_CONFIG, AUTH_CONFIG_SCHEMA, BaseApiService, CAROUSEL_CONFIG_SCHEMA, CONFIGURATION_SCHEMA, Category, ClassLoggerService, ColorStyle, ConfigService, CoordinatesStyle, Customer, CwmSharedModule, DEFAULT_API_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACKCOLOR, DEFAULT_CAROUSEL_CONFIG, DEFAULT_CATEGORY_SLIDE, DEFAULT_COMPANY_NAME, DEFAULT_CONFIGURATION, DEFAULT_COORDINATES, DEFAULT_CUSTOMER, DEFAULT_FONT, DEFAULT_FORECOLOR, DEFAULT_IMAGE, DEFAULT_INVENTORY_API_RESPONSE, DEFAULT_MENU_BOARD_CONFIG, DEFAULT_PROFILE, DEFAULT_SIZE, DEFAULT_SLIDE, DEFAULT_SUBSCRIPTION_CONFIG, DEFAULT_TEXT_STYLE, DbKeys, EXAMPLE_CREATE_SUBSCRIPTION_REQUEST, ExternalNavigationComponent, FontStyle, ImageStyle, InventoryApiService, Justifications, LocalStorageService, LogService, MENU_BOARD_CONFIG_SCHEMA, MockConfig, MockCustomer, MockInventoryApiResponse, MockProfile, NavigateToRouteComponent, PageNotFoundComponent, Product, Profile, RgbaColorStyle, SLIDE_SCHEMA, SUBSCRIPTION_CONFIG_SCHEMA, SafeHtmlPipe, SizeStyle, Stack, SubscriptionApiService, TextStyle, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, adjustAlpha, cloneRGBA, createRGBA, cssStringToRGBA, darkenRGBA, decodeToken, doWithLock, hexToNamedColor, hexToRGBA, isTokenValid, isValidNamedColor, lightenRGBA, msalGuardConfigFactory, msalInstanceFactory, msalInterceptorConfigFactory, namedColorToHexColor, namedColorToRGBA, rgbaEquals, rgbaObjectToHex, rgbaToCssString, rgbaToHex, rgbaToNamedColor, waitFor };
+export { API_CONFIG_SCHEMA, AUTH_CONFIG, AUTH_CONFIG_SCHEMA, BaseApiService, CAROUSEL_CONFIG_SCHEMA, CONFIGURATION_SCHEMA, COORDINATES_STYLE_SCHEMA, Category, ClassLoggerService, ColorStyle, ConfigService, CoordinatesStyle, Customer, CwmSharedModule, DEFAULT_API_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACKCOLOR, DEFAULT_CAROUSEL_CONFIG, DEFAULT_CATEGORY_SLIDE, DEFAULT_COMPANY_NAME, DEFAULT_CONFIGURATION, DEFAULT_COORDINATES, DEFAULT_CUSTOMER, DEFAULT_FONT, DEFAULT_FOOTER_SLIDE, DEFAULT_FORECOLOR, DEFAULT_HEX_COLOR, DEFAULT_IMAGE_STYLE, DEFAULT_INVENTORY_API_RESPONSE, DEFAULT_JUSTIFICATION, DEFAULT_MENU_BOARD_CONFIG, DEFAULT_NG_STYLE, DEFAULT_PROFILE, DEFAULT_RGBA_COLOR_STYLE, DEFAULT_SIZE_STYLE, DEFAULT_SLIDE, DEFAULT_SUBSCRIPTION_CONFIG, DEFAULT_TEXT_STYLE, DbKeys, EXAMPLE_CREATE_SUBSCRIPTION_REQUEST, ExternalNavigationComponent, FONT_STYLE_SCHEMA, FOOTER_SLIDE_SCHEMA, FontStyle, FooterSlide, HEX_COLOR_SCHEMA, IMAGE_STYLE_SCHEMA, ImageStyle, InventoryApiService, JUSTIFICATIONS_SCHEMA, Justifications, LocalStorageService, LogService, MENU_BOARD_CONFIG_SCHEMA, MockConfig, MockCustomer, MockInventoryApiResponse, MockProfile, NG_STYLE_SCHEMA, NavigateToRouteComponent, PageNotFoundComponent, Product, Profile, RGBA_COLOR_STYLE_SCHEMA, RgbaColorStyle, SIZE_STYLE_SCHEMA, SLIDE_SCHEMA, SUBSCRIPTION_CONFIG_SCHEMA, SafeHtmlPipe, SizeStyle, Stack, SubscriptionApiService, TEXT_STYLE_SCHEMA, TextStyle, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, adjustAlpha, cloneRGBA, createRGBA, cssStringToRGBA, darkenRGBA, decodeToken, doWithLock, hexToNamedColor, hexToRGBA, isTokenValid, isValidNamedColor, lightenRGBA, msalGuardConfigFactory, msalInstanceFactory, msalInterceptorConfigFactory, namedColorToHexColor, namedColorToRGBA, rgbaEquals, rgbaObjectToHex, rgbaToCssString, rgbaToHex, rgbaToNamedColor, waitFor };
 //# sourceMappingURL=transcommerce-cwm-shared.mjs.map