@shoper/phoenix_design_system 1.18.11-7 → 1.18.11-8

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
 var decorators = require('lit/decorators');
-var utilities = require('@dreamcommerce/utilities');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var observer = require('../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
 var accordion_constants = require('./accordion_constants.js');
 var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
+var feature_flag_utils = require('../../utilities/feature_flag_utils.js');
 
 const RESIZE_DEBOUNCE_MS = 150;
 const MUTATION_DEBOUNCE_MS = 100;
@@ -49,7 +49,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
                 window.clearTimeout(this._mutationDebounceTimer);
             }
             this._mutationDebounceTimer = window.setTimeout(() => {
-                if (utilities.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
+                if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
                     this._forceHeightRecalculation();
                 }
                 else {
@@ -105,7 +105,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         this._subscribeObserver();
         window.addEventListener('resize', this._handleResize, { passive: true });
         this.addEventListener('transitionend', this._boundHandleTransitionEnd);
-        if (utilities.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
+        if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
             this._setupImageLoadListeners();
         }
     }
@@ -161,7 +161,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         super.disconnectedCallback();
         (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
         (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        if (utilities.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
+        if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
             const images = this.querySelectorAll('img');
             images.forEach((img) => {
                 img.removeEventListener('load', this._boundHandleImageLoad);

package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utilities = require('@dreamcommerce/utilities');
+
+class FeatureFlagUtils {
+    static _initialize() {
+        if (this._flags !== null)
+            return;
+        const $script = document.getElementById('featureFlags');
+        this._flags = $script ? this._toObjectFromJsonScriptTag($script) : null;
+    }
+    static _toObjectFromJsonScriptTag(scriptTag) {
+        const scriptContent = scriptTag.textContent;
+        return utilities.JsonUtils.fromJson(scriptContent) || {};
+    }
+    static isEnabled(flagName) {
+        this._initialize();
+        return this._flags ? !!this._flags[flagName] : false;
+    }
+}
+FeatureFlagUtils._flags = null;
+
+exports.FeatureFlagUtils = FeatureFlagUtils;
+//# sourceMappingURL=feature_flag_utils.js.map

package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js

@@ -1,13 +1,13 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import 'lit';
 import { property } from 'lit/decorators';
-import { FeatureFlagUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { ACCORDION_CONTEXTS } from './accordion_constants.js';
 import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
+import { FeatureFlagUtils } from '../../utilities/feature_flag_utils.js';
 
 const RESIZE_DEBOUNCE_MS = 150;
 const MUTATION_DEBOUNCE_MS = 100;

package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.d.ts

@@ -0,0 +1,6 @@
+export declare abstract class FeatureFlagUtils {
+    private static _flags;
+    private static _initialize;
+    private static _toObjectFromJsonScriptTag;
+    static isEnabled(flagName: string): boolean;
+}

package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js

@@ -0,0 +1,22 @@
+import { JsonUtils } from '@dreamcommerce/utilities';
+
+class FeatureFlagUtils {
+    static _initialize() {
+        if (this._flags !== null)
+            return;
+        const $script = document.getElementById('featureFlags');
+        this._flags = $script ? this._toObjectFromJsonScriptTag($script) : null;
+    }
+    static _toObjectFromJsonScriptTag(scriptTag) {
+        const scriptContent = scriptTag.textContent;
+        return JsonUtils.fromJson(scriptContent) || {};
+    }
+    static isEnabled(flagName) {
+        this._initialize();
+        return this._flags ? !!this._flags[flagName] : false;
+    }
+}
+FeatureFlagUtils._flags = null;
+
+export { FeatureFlagUtils };
+//# sourceMappingURL=feature_flag_utils.js.map

package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.18.11-7",
+  "version": "1.18.11-8",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -31,7 +31,7 @@
     "@splidejs/splide-extension-auto-scroll": "0.5.3"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.23.2-2",
+    "@dreamcommerce/utilities": "^1.23.2",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",