workarea-storefront 3.4.12

data/app/assets/javascripts/workarea/storefront/routes.js.erb

@@ -0,0 +1,16 @@
+/**
+ * @namespace routes
+ * @memberof WORKAREA
+ */
+
+/**
+ * @namespace storefront
+ * @memberof WORKAREA.routes
+ */
+
+<%= JsRoutes.generate(namespace: 'WORKAREA.routes.storefront', application: Workarea::Storefront::Engine.instance) %>
+WORKAREA.routes.storefront.options.prefix = '<%= Workarea::Storefront::Engine.mount_path %>';
+
+if (I18n.currentLocale() !== '<%= I18n.default_locale %>') {
+    WORKAREA.routes.storefront.options.default_url_options.locale = I18n.currentLocale();
+}

data/app/assets/javascripts/workarea/storefront/serviceworkers/pwa_cache.js.erb

@@ -0,0 +1,31 @@
+/**
+ * On PWA installation, pre-cache the assets & offline page
+ */
+self.addEventListener('install', function (event) {
+    event.waitUntil(
+        caches.open('pwa_cache').then(function (cache) {
+          return cache.addAll([
+            '<%= image_path("workarea/storefront/logo.png") %>',
+            '<%= stylesheet_path("workarea/storefront/application.css") %>',
+            '<%= javascript_path("workarea/storefront/head.js") %>',
+            '<%= javascript_path("workarea/storefront/application.js") %>',
+            '/offline'
+          ]);
+        })
+    );
+});
+
+/**
+ * On PWA fetch, serve the offline system content page if the connection fails
+ */
+self.addEventListener('fetch', function (event) {
+    if (event.request.mode !== 'navigate') { return; }
+    if (event.request.method !== 'GET') { return; }
+    if ( ! event.request.headers.get('accept').includes('text/html')) { return; }
+
+    event.respondWith(
+        fetch(event.request).catch(function () {
+            return caches.match('/offline');
+        })
+    );
+});

data/app/assets/javascripts/workarea/storefront/serviceworkers/register_pwa_cache.js

@@ -0,0 +1,5 @@
+/*global navigator*/
+
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/pwa_cache.js', { scope: './' });
+}

data/app/assets/javascripts/workarea/storefront/templates/authenticity_token.jst.ejs

@@ -0,0 +1 @@
+<input type="hidden" name="<%= csrf_param %>" value="<%= csrf_token %>" />

data/app/assets/javascripts/workarea/storefront/templates/back_to_top_button.jst.ejs

@@ -0,0 +1,3 @@
+<a href="#top" class="back-to-top-button" id="back-to-top-button">
+    <%= I18n.t('workarea.storefront.searches.back_to_top') %>
+</a>

data/app/assets/javascripts/workarea/storefront/templates/button.jst.ejs

@@ -0,0 +1,3 @@
+<button class="button" type="button">
+    <%= content %>
+</button>

data/app/assets/javascripts/workarea/storefront/templates/loading.jst.ejs

@@ -0,0 +1 @@
+<div class="loading <%= cssModifiers %>"><%= I18n.t('workarea.messages.loading')%></div>

data/app/assets/javascripts/workarea/storefront/templates/log_out_link.jst.ejs

@@ -0,0 +1 @@
+<a href="<%= WORKAREA.routes.storefront.logoutPath() %>" data-analytics="{'event':'logout', 'domEvent':'click'}" data-method="delete" class="page-header__logout-link"><%= I18n.t('workarea.storefront.users.logout') %></a>

data/app/assets/javascripts/workarea/storefront/templates/message.jst.ejs

@@ -0,0 +1,10 @@
+<div class="message message--<%= messageModifier %>">
+    <p class="message__type">
+        <span class="message__icon">
+            <%= messageType %>
+        </span>
+    </p>
+    <p class="message__text">
+        <%= messageText %>
+    </p>
+</div>

data/app/assets/javascripts/workarea/storefront/templates/message_dismiss_action.jst.ejs

@@ -0,0 +1,5 @@
+<p class="message__dismiss-action">
+    <button type="button" class="message__dismiss-button">
+        <span class="message__dismiss-icon">Dismiss</span>
+    </button>
+</p>

data/app/assets/javascripts/workarea/storefront/templates/mobile_filters_nav_close_button.jst.ejs

@@ -0,0 +1,3 @@
+<button class="button button--small mobile-filters-nav__close-button" type="button">
+    <%= content %>
+</button>

data/app/assets/javascripts/workarea/storefront/templates/optional_field_prompt.jst.ejs

@@ -0,0 +1 @@
+<p><button type='button' class='button-reset link'><%= text %></button></p>

data/app/assets/javascripts/workarea/storefront/templates/page_header_cart_count.jst.ejs

@@ -0,0 +1 @@
+<span class="page-header__cart-count"><%= quantity %></span>

data/app/assets/javascripts/workarea/storefront/templates/pagination_button.jst.ejs

@@ -0,0 +1,11 @@
+<div class="pagination__button">
+    <% if (loading) { %>
+        <button class="button" data-pagination-button="" disabled="disabled">
+            <%= I18n.t('workarea.storefront.pagination.loading_more') %>
+        </button>
+    <% } else { %>
+        <a href="<%= nextPageUrl %>" class="button" data-pagination-button="">
+            <%= I18n.t('workarea.storefront.pagination.load_more') %>
+        </a>
+    <% } %>
+</div>

data/app/assets/javascripts/workarea/storefront/templates/same_as_shipping_button_property.jst.ejs

@@ -0,0 +1,8 @@
+<div class="button-property">
+    <div class="value">
+        <input type="checkbox" id="same_as_shipping" name="same_as_shipping">
+    </div>
+    <label class="button-property__name" for="same_as_shipping">
+        <span><%= I18n.t('workarea.storefront.checkouts.same_as_shipping') %></span>
+    </label>
+</div>

data/app/assets/javascripts/workarea/storefront/templates/saved_addresses_property.jst.ejs

@@ -0,0 +1,21 @@
+<div class="property">
+    <label for="saved_addresses_<%= counter %>" class="property__name">
+        <span><%= I18n.t('workarea.storefront.checkouts.saved_addresses') %></span>
+    </label>
+    <div class="value">
+        <select id="saved_addresses_<%= counter %>" name="saved_addresses_<%= counter %>">
+            <option value="" selected><%= I18n.t('workarea.storefront.checkouts.select_an_address') %></option>
+            <% _.forEach(addresses, function(address) { %>
+                <option value="<%= address._id %>">
+                    <%= address.first_name %>
+                    <%= address.last_name %>
+                    <%= address.street %>
+                    <%= address.street_2 %>
+                    <%= address.city %>
+                    <%= address.region %>
+                    <%= address.postal_code %>
+                </option>
+            <% }); %>
+        </select>
+    </div>
+</div>

data/app/assets/javascripts/workarea/storefront/templates/ui_menu_heading.jst.ejs

@@ -0,0 +1 @@
+<li class="ui-menu-heading"><%= categoryName %></li>

data/app/assets/javascripts/workarea/storefront/templates/ui_menu_item.jst.ejs

@@ -0,0 +1,8 @@
+<li class="ui-menu-item">
+    <span class="ui-menu-item-wrapper">
+        <% if (image) { %>
+            <img src="<%= image %>" alt="">
+        <% } %>
+        <%= label %>
+    </span>
+</li>

data/app/assets/stylesheets/jquery_ui/storefront/_ui_autocomplete.scss

@@ -0,0 +1,17 @@
+/*------------------------------------*\
+    #UI-AUTOCOMPLETE
+\*------------------------------------*/
+
+$ui-autocomplete-bg-color:  $white !default;
+
+$ui-autocomplete-width:     190px !default;
+
+
+.ui-autocomplete {
+    @extend %list-reset;
+    position: absolute;
+    z-index: index($components, ui-autocomplete);
+    padding: $spacing-unit;
+    width: $ui-autocomplete-width;
+    background: $ui-autocomplete-bg-color;
+}

data/app/assets/stylesheets/jquery_ui/storefront/_ui_dialog.scss

@@ -0,0 +1,158 @@
+/*------------------------------------*\
+    #UI-DIALOG
+\*------------------------------------*/
+
+$ui-dialog-bg-color:           $background-color !default;
+$ui-dialog-titlebar-bg-color:  $white !default;
+
+$ui-dialog-shadow:             0 0 0 8px $overlay-shadow-color !default;
+$ui-dialog-content-height:     90vh !default;
+
+
+.ui-dialog {
+    position: absolute;
+    z-index: index($components, ui-dialog);
+    background: $ui-dialog-bg-color;
+    box-shadow: $ui-dialog-shadow;
+    outline: 0;
+    max-height: 100vh;
+
+    &:focus {
+        outline: none;
+    }
+
+    .ui-draggable-handle {
+        cursor: move;
+        touch-action: none;
+    }
+
+    .ui-resizable-handle {
+        display: block;
+        position: absolute;
+        font-size: 0.1px;
+        touch-action: none;
+    }
+
+    .ui-resizable-n {
+        top: -5px;
+        left: 0;
+        width: 100%;
+        height: 7px;
+        cursor: n-resize;
+    }
+
+    .ui-resizable-s {
+        bottom: -5px;
+        left:    0;
+        width: 100%;
+        height: 7px;
+        cursor: s-resize;
+    }
+
+    .ui-resizable-e {
+        top:    0;
+        right: -5px;
+        width: 7px;
+        height: 100%;
+        cursor: e-resize;
+    }
+
+    .ui-resizable-w {
+        top:   0;
+        left: -5px;
+        width: 7px;
+        height: 100%;
+        cursor: w-resize;
+    }
+
+    .ui-resizable-se {
+        right:  -5px;
+        bottom: -5px;
+        width:  12px;
+        height: 12px;
+        cursor: se-resize;
+    }
+
+    .ui-resizable-sw {
+        bottom: -5px;
+        left:   -5px;
+        width:  9px;
+        height: 9px;
+        cursor: sw-resize;
+    }
+
+    .ui-resizable-nw {
+        top:  -5px;
+        left: -5px;
+        width:  9px;
+        height: 9px;
+        cursor: nw-resize;
+    }
+
+    .ui-resizable-ne {
+        top:   -5px;
+        right: -5px;
+        width:  9px;
+        height: 9px;
+        cursor: ne-resize;
+    }
+}
+
+    .ui-dialog-titlebar {
+        line-height: 1;
+        text-align: right;
+        background: $ui-dialog-titlebar-bg-color;
+
+        .ui-dialog-image & {
+            position: absolute;
+            top:   0;
+            right: 0;
+        }
+
+        .ui-dialog-loading & {
+            display: none;
+        }
+    }
+
+        .ui-dialog-title {
+            display: none;
+        }
+
+        .ui-dialog-titlebar-close {
+            padding: 0;
+            font-size: 0;
+            line-height: 1;
+            background: none;
+            border: 0;
+            cursor: pointer;
+
+            .ui-button-icon {
+                @include svg('dialog_close.svg', 32px);
+                padding: $spacing-unit;
+            }
+        }
+
+    .ui-dialog-content {
+        padding: 0 ($spacing-unit * 4) ($spacing-unit * 4);
+        overflow: auto;
+
+        // NOTE: Because jQuery UI generates the .ui-dialog-content HTML with
+        // an inline style that sets `max-height: none`, we need the
+        // `!important` designation here to properly override.
+        max-height: $ui-dialog-content-height !important;
+
+        .ui-dialog-image & {
+            padding: 0;
+        }
+
+        .ui-dialog-loading & {
+            padding: 50px 0;
+        }
+    }
+
+
+.ui-dialog-image img {
+    display: block;
+}
+
+.ui-dialog-loading {}

data/app/assets/stylesheets/jquery_ui/storefront/_ui_helper_hidden_accessible.scss

@@ -0,0 +1,7 @@
+/*------------------------------------*\
+    #UI-HELPER-HIDDEN-ACCESSIBLE
+\*------------------------------------*/
+
+.ui-helper-hidden-accessible {
+    @extend %visually-hidden;
+}

data/app/assets/stylesheets/jquery_ui/storefront/_ui_menu.scss

@@ -0,0 +1,40 @@
+/*------------------------------------*\
+    #UI-MENU
+\*------------------------------------*/
+
+$ui-menu-item-selected-color:  $highlight-color !default;
+
+
+/**
+ * 1. default menu item state
+ * 2. hovered menu item state
+ * 3. the displayed result image
+ * 4. menu headings
+ */
+
+.ui-menu {
+    .ui-menu-item { /* [1] */
+        @extend %clearfix;
+        padding: ($spacing-unit / 2) 0;
+        cursor: pointer;
+
+        &:hover { /* [2] */
+            background: $ui-menu-item-selected-color;
+        }
+
+        img { /* [3] */
+            margin: 0 ($spacing-unit / 2) 0 0;
+            float: left;
+        }
+    }
+
+    .ui-menu-heading { /* [4] */
+        margin:  ($spacing-unit / 2) 0;
+        padding: ($spacing-unit / 2) 0;
+        font-weight: bold;
+    }
+}
+
+    .ui-menu-item-wrapper {
+        display: block;
+    }

data/app/assets/stylesheets/jquery_ui/storefront/_ui_state_focus.scss

@@ -0,0 +1,10 @@
+/*------------------------------------*\
+    #UI-STATE-FOCUS
+\*------------------------------------*/
+
+$ui-state-focus-selected-color:  $highlight-color !default;
+
+
+.ui-state-focus {
+    background: $ui-state-focus-selected-color;
+}

data/app/assets/stylesheets/jquery_ui/storefront/_ui_widget_overlay.scss

@@ -0,0 +1,11 @@
+/*------------------------------------*\
+    #UI-WIDGET-OVERLAY
+\*------------------------------------*/
+
+.ui-widget-overlay {
+    position: fixed;
+    top:    0;
+    right:  0;
+    bottom: 0;
+    left:   0;
+}

data/app/assets/stylesheets/workarea/storefront/application.scss.erb

@@ -0,0 +1,138 @@
+<%= "@import 'workarea/core/feature_test_helper';" if Rails.env.test? %>
+<%= append_stylesheets('storefront.feature_test_helpers') %>
+
+<%= append_stylesheets('storefront.theme_config') %>
+
+@import 'workarea/storefront/settings/colors';
+@import 'workarea/storefront/settings/typography';
+@import 'workarea/storefront/settings/breakpoints';
+@import 'workarea/storefront/settings/global';
+@import 'workarea/storefront/settings/grid';
+@import 'workarea/storefront/settings/z_indexes';
+<%= append_stylesheets('storefront.settings') %>
+
+@import 'workarea/storefront/tools/center';
+@import 'workarea/storefront/tools/focus_ring';
+@import 'workarea/storefront/tools/respond_to';
+@import 'workarea/storefront/tools/svg';
+<%= append_stylesheets('storefront.tools') %>
+
+@import 'normalize-rails';
+@import 'workarea/storefront/generic/reset';
+@import 'workarea/storefront/generic/box_sizing';
+@import 'workarea/storefront/generic/fonts';
+<%= append_stylesheets('storefront.generic') %>
+
+@import 'workarea/storefront/base/page';
+@import 'workarea/storefront/base/images';
+@import 'workarea/storefront/base/forms';
+@import 'workarea/storefront/base/tables';
+@import 'workarea/storefront/base/lists';
+<%= append_stylesheets('storefront.base') %>
+
+@import 'workarea/storefront/objects/inline_list';
+@import 'workarea/storefront/objects/list_reset';
+@import 'workarea/storefront/objects/text_field_reset';
+@import 'workarea/storefront/objects/button_reset';
+@import 'workarea/storefront/objects/content_wrapper';
+@import 'workarea/storefront/objects/content_preview_visibility';
+<%= append_stylesheets('storefront.objects') %>
+
+@import 'workarea/storefront/typography/align';
+@import 'workarea/storefront/typography/headings';
+@import 'workarea/storefront/typography/links';
+@import 'workarea/storefront/typography/text';
+<%= append_stylesheets('storefront.typography') %>
+
+@import 'avalanche';
+@import 'jquery_ui/storefront/ui_autocomplete';
+@import 'jquery_ui/storefront/ui_dialog';
+@import 'jquery_ui/storefront/ui_helper_hidden_accessible';
+@import 'jquery_ui/storefront/ui_menu';
+@import 'jquery_ui/storefront/ui_state_focus';
+@import 'jquery_ui/storefront/ui_widget_overlay';
+<%= append_stylesheets('storefront.dependencies') %>
+
+@import 'workarea/storefront/components/button';
+@import 'workarea/storefront/components/hero_content_block';
+@import 'workarea/storefront/components/loading';
+@import 'workarea/storefront/components/message';
+@import 'workarea/storefront/components/mobile_nav';
+@import 'workarea/storefront/components/primary_nav';
+@import 'workarea/storefront/components/product_details';
+@import 'workarea/storefront/components/page_header';
+@import 'workarea/storefront/components/product_list';
+@import 'workarea/storefront/components/product_summary';
+@import 'workarea/storefront/components/button_property';
+@import 'workarea/storefront/components/inline_form';
+@import 'workarea/storefront/components/property';
+@import 'workarea/storefront/components/value';
+@import 'workarea/storefront/components/payment_icon';
+@import 'workarea/storefront/components/table';
+@import 'workarea/storefront/components/data_card';
+@import 'workarea/storefront/components/style_guide';
+@import 'workarea/storefront/components/breadcrumbs';
+@import 'workarea/storefront/components/cart';
+@import 'workarea/storefront/components/category_summary_content_block';
+@import 'workarea/storefront/components/checkout_addresses';
+@import 'workarea/storefront/components/checkout_payment';
+@import 'workarea/storefront/components/checkout_shipping';
+@import 'workarea/storefront/components/checkout_step_summary';
+@import 'workarea/storefront/components/email_signup';
+@import 'workarea/storefront/components/html_content_block';
+@import 'workarea/storefront/components/order_help_menu';
+@import 'workarea/storefront/components/order_summary';
+@import 'workarea/storefront/components/page_content';
+@import 'workarea/storefront/components/page_footer';
+@import 'workarea/storefront/components/page_container';
+@import 'workarea/storefront/components/page_messages';
+@import 'workarea/storefront/components/personalized_recommendations_content_block';
+@import 'workarea/storefront/components/product_detail_container';
+@import 'workarea/storefront/components/product_insights_content_block';
+@import 'workarea/storefront/components/product_prices';
+@import 'workarea/storefront/components/recent_views';
+@import 'workarea/storefront/components/recommendations';
+@import 'workarea/storefront/components/result_filters';
+@import 'workarea/storefront/components/text_content_block';
+@import 'workarea/storefront/components/search_no_results';
+@import 'workarea/storefront/components/secondary_nav';
+@import 'workarea/storefront/components/text_box';
+@import 'workarea/storefront/components/text_button';
+@import 'workarea/storefront/components/video_content_block';
+@import 'workarea/storefront/components/view';
+@import 'workarea/storefront/components/checkout_progress';
+@import 'workarea/storefront/components/search_results';
+@import 'workarea/storefront/components/taxonomy_content_block';
+@import 'workarea/storefront/components/image_group_content_block';
+@import 'workarea/storefront/components/image_and_text_content_block';
+@import 'workarea/storefront/components/video_and_text_content_block';
+@import 'workarea/storefront/components/product_list_content_block';
+@import 'workarea/storefront/components/image_content_block';
+@import 'workarea/storefront/components/button_content_block';
+@import 'workarea/storefront/components/quote_content_block';
+@import 'workarea/storefront/components/divider_content_block';
+@import 'workarea/storefront/components/social_networks_content_block';
+@import 'workarea/storefront/components/mobile_filters';
+@import 'workarea/storefront/components/admin_toolbar';
+@import 'workarea/storefront/components/content_block';
+@import 'workarea/storefront/components/pagination';
+@import 'workarea/storefront/components/svg_icon';
+@import 'workarea/storefront/components/sitemap';
+@import 'workarea/storefront/components/sitemap_pagination';
+@import 'workarea/storefront/components/box';
+@import 'workarea/storefront/components/back_to_top_button';
+@import 'workarea/storefront/components/mobile_filters_nav';
+@import 'workarea/storefront/components/option_button';
+<%= append_stylesheets('storefront.components') %>
+
+<%= append_stylesheets('storefront.theme') %>
+
+@import 'workarea/storefront/trumps/break_word';
+@import 'workarea/storefront/trumps/clearfix';
+@import 'workarea/storefront/trumps/hidden';
+@import 'workarea/storefront/trumps/hidden_if_js_enabled';
+@import 'workarea/storefront/trumps/image_replacement';
+@import 'workarea/storefront/trumps/truncate';
+@import 'workarea/storefront/trumps/visually_hidden';
+@import 'workarea/storefront/trumps/visible';
+<%= append_stylesheets('storefront.trumps') %>