sacred-art
diff --git a/‎CHANGELOG.md‎
Lines changed: 9 additions & 0 deletions b/‎CHANGELOG.md‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎assets/js/theme/account.js‎
Lines changed: 27 additions & 3 deletions b/‎assets/js/theme/account.js‎
Lines changed: 27 additions & 3 deletions
diff --git a/‎assets/js/theme/common/product-details-base.js‎
Lines changed: 8 additions & 3 deletions b/‎assets/js/theme/common/product-details-base.js‎
Lines changed: 8 additions & 3 deletions
diff --git a/‎assets/js/theme/global/modal.js‎
Lines changed: 2 additions & 0 deletions b/‎assets/js/theme/global/modal.js‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎assets/scss/components/stencil/cart/_cart.scss‎
Lines changed: 4 additions & 0 deletions b/‎assets/scss/components/stencil/cart/_cart.scss‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎assets/scss/components/stencil/heroCarousel/_heroCarousel.scss‎
Lines changed: 30 additions & 0 deletions b/‎assets/scss/components/stencil/heroCarousel/_heroCarousel.scss‎
Lines changed: 30 additions & 0 deletions
diff --git a/‎assets/scss/components/stencil/navPages/_navPages.scss‎
Lines changed: 18 additions & 0 deletions b/‎assets/scss/components/stencil/navPages/_navPages.scss‎
Lines changed: 18 additions & 0 deletions
diff --git a/‎assets/scss/components/stencil/productView/_productView.scss‎
Lines changed: 5 additions & 37 deletions b/‎assets/scss/components/stencil/productView/_productView.scss‎
Lines changed: 5 additions & 37 deletions
diff --git a/‎assets/scss/layouts/products/_productSaleBadges.scss‎
Lines changed: 4 additions & 0 deletions b/‎assets/scss/layouts/products/_productSaleBadges.scss‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎config.json‎
Lines changed: 1 addition & 1 deletion b/‎config.json‎
Lines changed: 1 addition & 1 deletion
@@ -6,6 +6,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Draft
 
+## 6.9.0 (03-03-2023)
+- Fix sold-out badge appearance [#2315](https://github.com/bigcommerce/cornerstone/pull/2315)
+- Remove xlink attributes on svg [#2322](https://github.com/bigcommerce/cornerstone/pull/2322)
+- Bump Stencil utils to 6.15.0 [#2327][https://github.com/bigcommerce/cornerstone/pull/2327]
+- form.serialize() ignores dropdown option elements that have the disabled attribute [#2326](https://github.com/bigcommerce/cornerstone/pull/2326)
+- Extended BigCommerce.accountPayments app initialization interface [#2317](https://github.com/bigcommerce/cornerstone/pull/2317)
+- Gift certificate CSS properties are applied to page after previewing Gift certificate on storefront [#2330](https://github.com/bigcommerce/cornerstone/pull/2330)
+- Translation Gap: Submit Return Request button [#2331](https://github.com/bigcommerce/cornerstone/pull/2331)
+
 ## 6.8.0 (01-26-2023)
 - Add remote_api_scripts into cart/preview template to let GA3 snippet to fire the Product Added event, when clicking Add to cart button on Product detail page and rendering the response in popup. [#2281](https://github.com/bigcommerce/cornerstone/pull/2281)
 - Stored XSS within Wishlist creation.[#2289](https://github.com/bigcommerce/cornerstone/issues/2289)
 
@@ -36,8 +36,6 @@ export default class Account extends PageManager {
 
         compareProducts(this.context);
 
-        compareProducts(this.context);
-
         // Injected via template
         this.passwordRequirements = this.context.passwordRequirements;
 
@@ -86,6 +84,20 @@ export default class Account extends PageManager {
         }
 
         if ($bigCommerce && $bigCommerce.accountPayments) {
+            const {
+                countries,
+                paymentsUrl,
+                storeHash,
+                storeLocale,
+                vaultToken,
+                shopperId,
+                customerEmail,
+                providerId,
+                currencyCode,
+                paymentMethodsUrl,
+                paymentProviderInitializationData,
+            } = this.context;
+
             window.BigCommerce.accountPayments({
                 widgetStyles: {
                     base: {
@@ -106,7 +118,19 @@ export default class Account extends PageManager {
                         color: 'green',
                     },
                 },
-                countries: this.context.countries,
+                initializeData: {
+                    countries,
+                    paymentsUrl,
+                    storeHash,
+                    storeLocale,
+                    vaultToken,
+                    shopperId,
+                    customerEmail,
+                    providerId,
+                    currencyCode,
+                    paymentMethodsUrl,
+                    paymentProviderInitializationData,
+                },
             });
         }
 
 
@@ -90,12 +90,19 @@ export default class ProductDetailsBase {
     updateProductAttributes(data) {
         const behavior = data.out_of_stock_behavior;
         const inStockIds = data.in_stock_attributes;
-        const outOfStockMessage = ` (${data.out_of_stock_message})`;
+        const outOfStockDefaultMessage = this.context.outOfStockDefaultMessage;
+        let outOfStockMessage = data.out_of_stock_message;
 
         if (behavior !== 'hide_option' && behavior !== 'label_option') {
             return;
         }
 
+        if (outOfStockMessage) {
+            outOfStockMessage = ` (${outOfStockMessage})`;
+        } else {
+            outOfStockMessage = ` (${outOfStockDefaultMessage})`;
+        }
+
         $('[data-product-attribute-value]', this.$scope).each((i, attribute) => {
             const $attribute = $(attribute);
             const attrId = parseInt($attribute.data('productAttributeValue'), 10);
@@ -407,7 +414,6 @@ export default class ProductDetailsBase {
                 $select[0].selectedIndex = 0;
             }
         } else {
-            $attribute.attr('disabled', 'disabled');
             $attribute.html($attribute.html().replace(outOfStockMessage, '') + outOfStockMessage);
         }
     }
@@ -416,7 +422,6 @@ export default class ProductDetailsBase {
         if (behavior === 'hide_option') {
             $attribute.toggleOption(true);
         } else {
-            $attribute.prop('disabled', false);
             $attribute.html($attribute.html().replace(outOfStockMessage, ''));
         }
     }
 
@@ -222,6 +222,8 @@ export class Modal {
 
     onModalClose() {
         $('body').removeClass(bodyActiveClass);
+
+        this.clearContent();
     }
 
     onModalClosed() {
 
@@ -303,6 +303,10 @@ $card-preview-zoom-bottom-offset:       6rem;
         display: inline-block;
     }
 
+    &__label {
+        display: inline-block;
+    }
+
     + .definitionList {
         margin-top: spacing("quarter");
     }
 
@@ -423,6 +423,36 @@
             }
         }
     }
+
+    .slick-slide {
+        &.is-square-image-type {
+            .heroCarousel-image-wrapper {
+                height: 100vw;
+            }
+        }
+
+        &.is-vertical-image-type {
+            .heroCarousel-image-wrapper {
+                height: 110vw;
+            }
+        }
+
+        &.is-square-image-type,
+        &.is-vertical-image-type {
+            .heroCarousel-image-wrapper {
+                @include breakpoint("small") {
+                    height: 56.25vw;
+                }
+            }
+        }
+
+        &.is-image-error {
+            .heroCarousel-image-wrapper {
+                background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
+                background-size: contain;    
+            }
+        }
+    }
 }
 
 .heroCarousel-slide {
 
@@ -335,6 +335,24 @@
         }
     }
 
+    &.is-open,
+    .collapsible-icon-wrapper.is-open {
+        svg {
+            fill: $navPage-subMenu-item--is-highlighted-color;
+            stroke: $navPage-subMenu-item--is-highlighted-color;
+        }
+    }
+
+    &:hover,
+    &.activePage {
+        color: $navPage-subMenu-item--is-highlighted-color;
+
+        svg {
+            fill: $navPage-subMenu-item--is-highlighted-color;
+            stroke: $navPage-subMenu-item--is-highlighted-color;
+        }
+    }
+
     // turn a highlight into a button
     &.highlightPage {
         background-color: black;
 
@@ -154,15 +154,6 @@
             margin-bottom: spacing("single") + spacing("third");
         }
     }
-
-    &.productView-options {
-        margin-bottom: 0;
-        padding-bottom: spacing("single") + spacing("third");
-    }
-
-    &.product-options {
-        overflow: hidden; // 1
-    }
 }
 
 
@@ -298,6 +289,10 @@
         color: stencilColor("color-textSecondary--hover");
     }
 
+    &:hover {
+        color: stencilColor("color-textSecondary--hover");
+    }
+
     &--new {
         padding: 0;
     }
@@ -368,16 +363,13 @@
 
 .productView-options {
     @include clearfix;
+    margin-bottom: spacing("single");
     text-align: center;
 
     @include breakpoint("small") {
         text-align: left;
     }
 
-    @include breakpoint("medium") {
-        margin-bottom: spacing("single");
-    }
-
     .form-input[type="number"] {
         @include breakpoint("small") {
             width: grid-calc(2, $total-columns);
@@ -476,34 +468,10 @@
             text-decoration: underline;
             vertical-align: middle;
             width: 100%;
-        }
-
-            &:hover {
-                color: stencilColor("color-textSecondary--hover");
-            }
-
-            @include breakpoint("medium") {
-                width: auto;
-            }
-
-            &:hover {
-                color: stencilColor("color-textSecondary--hover");
-            }
 
             &:hover {
                 color: stencilColor("color-textSecondary--hover");
             }
-
-        .button--primary {
-            margin-right: spacing("half");
-        }
-
-        .button--primary {
-            margin-right: spacing("half");
-        }
-
-        .button--primary {
-            margin-right: spacing("half");
         }
     }
 }
 
@@ -225,6 +225,10 @@
     background: stencilColor("color_hover_product_sold_out_badges");
 }
 
+.product:hover .sold-out-flag-sash {
+    background: stencilColor("color_hover_product_sold_out_badges");
+}
+
 .product {
     overflow: hidden;
 }
@@ -1,6 +1,6 @@
 {
   "name": "Midwest Nice",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "template_engine": "handlebars_v4",
   "meta": {
     "price": 0,
Original file line number	Diff line number	Diff line change
`@@ -90,12 +90,19 @@ export default class ProductDetailsBase {`
`90`	`90`	`updateProductAttributes(data) {`
`91`	`91`	`const behavior = data.out_of_stock_behavior;`
`92`	`92`	`const inStockIds = data.in_stock_attributes;`
`93`		- const outOfStockMessage = ` (${data.out_of_stock_message})`;
	`93`	`+ const outOfStockDefaultMessage = this.context.outOfStockDefaultMessage;`
	`94`	`+ let outOfStockMessage = data.out_of_stock_message;`
`94`	`95`
`95`	`96`	`if (behavior !== 'hide_option' && behavior !== 'label_option') {`
`96`	`97`	`return;`
`97`	`98`	`}`
`98`	`99`
	`100`	`+ if (outOfStockMessage) {`
	`101`	+ outOfStockMessage = ` (${outOfStockMessage})`;
	`102`	`+ } else {`
	`103`	+ outOfStockMessage = ` (${outOfStockDefaultMessage})`;
	`104`	`+ }`
	`105`	`+`
`99`	`106`	`$('[data-product-attribute-value]', this.$scope).each((i, attribute) => {`
`100`	`107`	`const $attribute = $(attribute);`
`101`	`108`	`const attrId = parseInt($attribute.data('productAttributeValue'), 10);`
`@@ -407,7 +414,6 @@ export default class ProductDetailsBase {`
`407`	`414`	`$select[0].selectedIndex = 0;`
`408`	`415`	`}`
`409`	`416`	`} else {`
`410`		`- $attribute.attr('disabled', 'disabled');`
`411`	`417`	`$attribute.html($attribute.html().replace(outOfStockMessage, '') + outOfStockMessage);`
`412`	`418`	`}`
`413`	`419`	`}`
`@@ -416,7 +422,6 @@ export default class ProductDetailsBase {`
`416`	`422`	`if (behavior === 'hide_option') {`
`417`	`423`	`$attribute.toggleOption(true);`
`418`	`424`	`} else {`
`419`		`- $attribute.prop('disabled', false);`
`420`	`425`	`$attribute.html($attribute.html().replace(outOfStockMessage, ''));`
`421`	`426`	`}`
`422`	`427`	`}`
Original file line number	Diff line number	Diff line change
`@@ -222,6 +222,8 @@ export class Modal {`
`222`	`222`
`223`	`223`	`onModalClose() {`
`224`	`224`	`$('body').removeClass(bodyActiveClass);`
	`225`	`+`
	`226`	`+ this.clearContent();`
`225`	`227`	`}`
`226`	`228`
`227`	`229`	`onModalClosed() {`
Original file line number	Diff line number	Diff line change
`@@ -303,6 +303,10 @@ $card-preview-zoom-bottom-offset: 6rem;`
`303`	`303`	`display: inline-block;`
`304`	`304`	`}`
`305`	`305`
	`306`	`+ &__label {`
	`307`	`+ display: inline-block;`
	`308`	`+ }`
	`309`	`+`
`306`	`310`	`+ .definitionList {`
`307`	`311`	`margin-top: spacing("quarter");`
`308`	`312`	`}`
Original file line number	Diff line number	Diff line change
`@@ -225,6 +225,10 @@`
`225`	`225`	`background: stencilColor("color_hover_product_sold_out_badges");`
`226`	`226`	`}`
`227`	`227`
	`228`	`+.product:hover .sold-out-flag-sash {`
	`229`	`+ background: stencilColor("color_hover_product_sold_out_badges");`
	`230`	`+}`
	`231`	`+`
`228`	`232`	`.product {`
`229`	`233`	`overflow: hidden;`
`230`	`234`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Midwest Nice",`
`3`		`- "version": "6.8.0",`
	`3`	`+ "version": "6.9.0",`
`4`	`4`	`"template_engine": "handlebars_v4",`
`5`	`5`	`"meta": {`
`6`	`6`	`"price": 0,`