@shoper/phoenix_design_system 1.18.10-0 → 1.18.10-2

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

@@ -3,15 +3,23 @@ import { html } from 'lit';
 import { property, state } from 'lit/decorators';
 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 { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
+import { ContextProviderController } from '../../core/context/context_provider_controller.js';
 import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
-import { ACCORDION_MODE, ACCORDION_EVENTS, ACCORDION_CSS_CLASSES, ACCORDION_ANIMATION_DURATION } from './accordion_constants.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_CSS_CLASSES, ACCORDION_ANIMATION_DURATION } from './accordion_constants.js';
+import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
 import { createRef, ref } from 'lit/directives/ref';
+import { when } from 'lit/directives/when';
 
 let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this.opened = false;
         this._isDisabled = false;
+        this._regionId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
+        this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
         this._mode = ACCORDION_MODE.multi;
         this._$parentAccordion = null;
         this._detailsRef = createRef();
@@ -36,83 +44,190 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
                 $accordionGroup.hide();
             });
         };
+        this._accordionToggle = () => {
+            this.toggle();
+        };
         this._summaryClickHandler = (ev) => {
             ev.preventDefault();
             if (!this._isDisabled)
                 this.toggle();
         };
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
+            this._accordionGroupContext = new ContextProviderController(this);
+            this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+            this.setAttribute('role', 'none');
+        }
     }
     connectedCallback() {
         var _a;
         super.connectedCallback();
-        this._$parentAccordion = this.closest('h-accordion');
-        (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-        this._syncWithParentAccordion();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._$parentAccordion = this.closest('h-accordion');
+            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
+            this._syncWithParentAccordion();
+        }
+        else {
+            this._accordionContextConsumer = new ContextConsumerController(this);
+            this._subscribeObserver();
+            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+        }
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        if (this.opened)
+        if (this.opened && this._isDevAccordionOptimizationFlagEnabled)
             this.show();
     }
+    async _subscribeObserver() {
+        this._accordionProps = await this._accordionContextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionProps);
+        this._accordionPropsObserver = new Observer((accordionProps) => {
+            this._mode = accordionProps.mode;
+            const hasAccordionBeenDisabled = accordionProps.disabled;
+            if (hasAccordionBeenDisabled) {
+                this.disable();
+                return;
+            }
+            const hasAccordionBeenEnabled = accordionProps.disabled === false;
+            if (hasAccordionBeenEnabled) {
+                this.enable();
+                return;
+            }
+        });
+        this._accordionProps.subscribe(this._accordionPropsObserver);
+    }
     disconnectedCallback() {
         var _a;
         super.disconnectedCallback();
-        (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.removeEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-    }
-    _handleSingleModeConstraint() {
-        if (this._mode === ACCORDION_MODE.single) {
-            this._hideOtherDetailsGroups();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.removeEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
+        }
+        else {
+            this._accordionProps.unsubscribe(this._accordionPropsObserver);
+            this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
         }
-    }
-    toggle() {
-        this._handleSingleModeConstraint();
-        const $details = this._detailsRef.value;
-        if (!$details)
-            return;
-        const isOpen = $details.hasAttribute('open');
-        isOpen ? this.hide() : this.show();
     }
     show() {
-        this._handleSingleModeConstraint();
-        const $details = this._detailsRef.value;
-        if (!$details)
-            return;
-        $details.setAttribute('open', '');
-        requestAnimationFrame(() => {
-            $details.classList.add(ACCORDION_CSS_CLASSES.open);
-        });
-        this._dispatchToggleEvent($details, true);
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._handleSingleModeConstraint();
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            $details.setAttribute('open', '');
+            requestAnimationFrame(() => {
+                $details.classList.add(ACCORDION_CSS_CLASSES.open);
+            });
+            this._dispatchToggleEvent($details, true);
+        }
+        else {
+            if (this._mode === ACCORDION_MODE.single)
+                this._closeOtherAccordionGroups();
+            this.opened = true;
+        }
     }
     hide() {
-        const $details = this._detailsRef.value;
-        if (!$details)
-            return;
-        $details.classList.remove(ACCORDION_CSS_CLASSES.open);
-        setTimeout(() => {
-            $details.removeAttribute('open');
-        }, ACCORDION_ANIMATION_DURATION);
-        this._dispatchToggleEvent($details, false);
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            $details.classList.remove(ACCORDION_CSS_CLASSES.open);
+            setTimeout(() => {
+                $details.removeAttribute('open');
+            }, ACCORDION_ANIMATION_DURATION);
+            this._dispatchToggleEvent($details, false);
+        }
+        else {
+            this.opened = false;
+        }
     }
     _dispatchToggleEvent($details, open) {
         this.emitCustomEvent(ACCORDION_EVENTS.toggle, {
             detail: { open, target: $details }
         });
     }
+    toggle() {
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._handleSingleModeConstraint();
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            const isOpen = $details.hasAttribute('open');
+            isOpen ? this.hide() : this.show();
+        }
+        else {
+            if (this._mode === ACCORDION_MODE.single)
+                this._closeOtherAccordionGroups();
+            this.opened = !this.opened;
+        }
+    }
+    _handleSingleModeConstraint() {
+        if (this._mode === ACCORDION_MODE.single) {
+            this._hideOtherDetailsGroups();
+        }
+    }
     enable() {
-        if (!this._isDisabled)
-            return;
-        this._isDisabled = false;
-        this.hide();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            if (!this._isDisabled)
+                return;
+            this._isDisabled = false;
+            this.hide();
+        }
+        else {
+            if (this._isDisabled) {
+                this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+                this.hide();
+                this._isDisabled = false;
+            }
+        }
     }
     disable() {
-        if (this._isDisabled)
-            return;
-        this._isDisabled = true;
-        this.show();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            if (this._isDisabled)
+                return;
+            this._isDisabled = true;
+            this.show();
+        }
+        else {
+            if (!this._isDisabled) {
+                this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+                this.show();
+                this._isDisabled = true;
+            }
+        }
+    }
+    _closeOtherAccordionGroups() {
+        if (!this._isDisabled) {
+            const $accordion = this.closest('h-accordion');
+            const $accordionGroups = [...$accordion.querySelectorAll('h-accordion-group')];
+            const $otherAccordionGroupsWithinAccordion = $accordionGroups.filter(($accordionGroup) => $accordionGroup !== this);
+            $otherAccordionGroupsWithinAccordion.forEach(($accordionGroup) => $accordionGroup.hide());
+        }
+    }
+    notify() {
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupPropsSubject.notify(this._getProps());
+        }
+    }
+    updated(_changedProperties) {
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            if (_changedProperties.has('opened') ||
+                _changedProperties.has('_isDisabled') ||
+                _changedProperties.has('_regionId') ||
+                _changedProperties.has('_controlsId')) {
+                this.notify();
+            }
+        }
+    }
+    _getProps() {
+        return {
+            opened: this.opened,
+            disabled: this._isDisabled,
+            regionId: this._regionId,
+            controlsId: this._controlsId
+        };
     }
-    notify() { }
     render() {
-        return html `
+        return when(this._isDevAccordionOptimizationFlagEnabled, () => html `
             <details
                 ${ref(this._detailsRef)}
                 class="accordion__details ${this._isDisabled ? 'accordion__details_disabled' : ''}"
@@ -129,7 +244,7 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
 
                 ${this.getSlot('content')}
             </details>
-        `;
+        `);
     }
 };
 __decorate([
@@ -140,12 +255,21 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], HAccordionGroup.prototype, "_isDisabled", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "_regionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "_controlsId", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)
 ], HAccordionGroup.prototype, "_mode", void 0);
 HAccordionGroup = __decorate([
-    phoenixCustomElement('h-accordion-group')
+    phoenixCustomElement('h-accordion-group'),
+    __metadata("design:paramtypes", [])
 ], HAccordionGroup);
 
 export { HAccordionGroup };

package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_toggler.d.ts

@@ -1,4 +1,13 @@
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HAccordionToggler extends PhoenixLightLitElement {
+    private _contextConsumer;
+    private _accordionGroupProps;
+    private _accordionGroupPropsObserver;
+    private _isDevAccordionOptimizationFlagEnabled;
     constructor();
+    connectedCallback(): Promise<void>;
+    private _setAttributes;
+    private _emitTogglerClickedWithKeyboard;
+    private _emitTogglerClicked;
+    disconnectedCallback(): void;
 }

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

@@ -1,11 +1,67 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { FeatureFlagUtils, UiDomUtils } 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_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { HAccordion } from './accordion.js';
 
 let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
     constructor() {
         super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
+        this._emitTogglerClickedWithKeyboard = (ev) => {
+            if (ev.key !== ' ' && ev.key !== 'Enter')
+                return;
+            if (this.getAttribute('aria-disabled') === 'true')
+                return;
+            this._emitTogglerClicked();
+        };
+        this._emitTogglerClicked = () => {
+            this.emitCustomEvent(ACCORDION_EVENTS.toggle);
+        };
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            if (this.parentElement instanceof HAccordion) {
+                this.slot = this.hasAttribute('slot') ? this.slot : 'content';
+            }
+            else {
+                const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordion);
+                contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
+            }
+        }
+        else {
+            this._contextConsumer = new ContextConsumerController(this);
+        }
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
+            this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
+            this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+            this.addEventListener('click', this._emitTogglerClicked);
+            this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
+        }
+    }
+    _setAttributes({ regionId, opened, controlsId, disabled }) {
+        this.setAttribute('id', regionId);
+        this.setAttribute('aria-expanded', opened ? 'true' : 'false');
+        this.setAttribute('aria-controls', controlsId);
+        this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
+        if (disabled) {
+            this.removeAttribute('role');
+            this.setAttribute('tabindex', '-1');
+        }
+        else {
+            this.setAttribute('role', 'button');
+            this.setAttribute('tabindex', '0');
+        }
+    }
+    disconnectedCallback() {
+        if (this._accordionGroupProps && !this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
+        }
     }
 };
 HAccordionToggler = __decorate([

package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_types.d.ts

@@ -15,6 +15,16 @@ export interface IAccordionGroup {
     toggle(): void;
 }
 export declare type TAccordionMode = Any.Keys<typeof ACCORDION_MODE>;
+export declare type TAccordionProps = {
+    disabled: boolean;
+    mode: TAccordionMode;
+};
+export declare type TAccordionGroupProps = {
+    opened: boolean;
+    disabled: boolean;
+    regionId: string;
+    controlsId: string;
+};
 declare global {
     interface HTMLElementTagNameMap {
         'h-accordion': HAccordion;

package/build/esm/packages/phoenix/src/index.js

@@ -71,11 +71,11 @@ export { HRadioControl } from './components/form/radio/radio_control.js';
 export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS } from './components/form/textarea/textarea_constants.js';
 export { HTextarea } from './components/form/textarea/textarea.js';
 export { HTextareaControl } from './components/form/textarea/textarea_control.js';
-export { ACCORDION_ANIMATION_DURATION, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
+export { ACCORDION_ANIMATION_DURATION, ACCORDION_CONTEXTS, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
 export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
-export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';
+export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
 export { HDropdownClose } from './components/dropdown/dropdown_close.js';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';

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

@@ -0,0 +1,22 @@
+import { JsonUtils } from './json_utils.js';
+
+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[flagName];
+    }
+}
+FeatureFlagUtils._flags = null;
+
+export { FeatureFlagUtils };
+//# sourceMappingURL=feature_flag_utils.js.map

package/build/esm/packages/utilities/build/esm/packages/utilities/src/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/build/esm/packages/utilities/build/esm/packages/utilities/src/json_utils.js

@@ -0,0 +1,21 @@
+class JsonUtils {
+    static toJson(value) {
+        try {
+            return JSON.stringify(value);
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    static fromJson(value) {
+        try {
+            return JSON.parse(value);
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+}
+
+export { JsonUtils };
+//# sourceMappingURL=json_utils.js.map

package/build/esm/packages/utilities/build/esm/packages/utilities/src/json_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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.18.10-0",
+  "version": "1.18.10-2",
   "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",
+    "@dreamcommerce/utilities": "^1.23.2-1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",