pds-dev-kit-web-test 2.5.134 → 2.5.136

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js

@@ -42,7 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_CB_BoxWithShadow = void 0;
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importStar(require("styled-components"));
 exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"])), function (_a) {
     var normalStyle = _a.normalStyle;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 // NOTE: link기능은 탄력적일 필요가 없음.
 function useCLINK(props) {
     var src = props.src, openNewTab = props.openNewTab, type = props.type, internalSrc = props.internalSrc;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var callGoogleFontCSSAndApply_1 = __importDefault(require("@sub/GoogleFontkit/utils/callGoogleFontCSSAndApply"));
+var callGoogleFontCSSAndApply_1 = __importDefault(require("../../../../../GoogleFontkit/utils/callGoogleFontCSSAndApply"));
 function useGoogleFonts(_a) {
     var fonts = _a.fonts;
     (0, react_1.useEffect)(function () {

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts

@@ -1,5 +1,5 @@
-import { ISection } from '@sub/DynamicLayout/types';
 import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
+import type { IComposition } from '../../../DynamicLayout/types';
 export type CB_TYPES = 'GENERAL';
 export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTS_CAROUSEL;
 type GeneralCustomSectionType = {
@@ -78,7 +78,7 @@ export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
     jsonProperties: {
         data: CB_BTN_PROPERTIES_TYPE;
     };
-    compositions: Array<ISection>;
+    compositions: Array<IComposition>;
 };
 export declare enum CB_ALL_CODES {
     CB_TEXT = "CB_TEXT",

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CB_ALL_CODES = void 0;
-require("@sub/DynamicLayout/types");
 var CB_ALL_CODES;
 (function (CB_ALL_CODES) {
     CB_ALL_CODES["CB_TEXT"] = "CB_TEXT";

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts

@@ -1,3 +1,3 @@
 import type { Device, JsonPropertiesParserResult } from './types';
-import type { ISectionJsonProperties } from '@sub/DynamicLayout/types';
+import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
 export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;

package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ISection } from '../../types';
+import type { ISection } from '../types';
 import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
     sm: Layout;

package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js}

@@ -44,21 +44,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
-var components_1 = require("../../components");
-var CustomSection_1 = require("./CustomSection");
-var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
-var useResizableObserver_1 = require("./hooks/useResizableObserver");
-var util_1 = require("./util");
-var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
+var components_1 = require("../components");
+var gleStyles_1 = require("../gleStyles");
+var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
+var useResizableObserver_1 = require("./CustomSection/hooks/useResizableObserver");
+var util_1 = require("./CustomSection/util");
+var parseSectionPadding_1 = __importDefault(require("./CustomSection/util/layoutPropParsers/parseSectionPadding"));
 var GRID_CELL_MIN = 24;
 var DESKTOP_GRID_COLS = 24;
 var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
-var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
+var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
     var _a;
     var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
@@ -184,7 +184,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         return 16;
     })();
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(CustomSection_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
                         minHeight: customSectionStyles.minHeight,
                         paddingTop: padding.top,
                         paddingBottom: padding.bottom,
@@ -202,7 +202,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
 });
 var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
 var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.default = react_1.default.memo(CustomSection);
+exports.default = react_1.default.memo(FlexGridCustomSection);
 function getDefensiveFontSize(device, width) {
     if (device === 'MOBILE') {
         return width * (0.0000868 * width + 0.0202);

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
+var DynamicLayout_1 = require("../../../../../../DynamicLayout");
 var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
+var DynamicLayout_1 = require("../../../../../../DynamicLayout");
 var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { ISection } from '@sub/DynamicLayout/types';
+import type { ISection } from '../../../../DynamicLayout/types';
 declare function EditTypeMembershipSection({ ...props }: ISection): JSX.Element;
 export default EditTypeMembershipSection;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js

@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("@sub/DynamicLayout/components");
+var components_1 = require("../../../../DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var templates_1 = require("./templates");
 function EditTypeMembershipSection(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var Section_1 = require("../../../../../../DynamicLayout/components/Section");
+var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
 var desktop_1 = require("./desktop");
 var mobile_1 = require("./mobile");
 function TemplateA(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
+import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
 type Props = {
     membershipDisplay: IMembershipDisplay;
     isWideView: boolean;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js

@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function EmptyMembershipSheet() {
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipBenefitInfo } from '@sub/DynamicLayout/types';
+import type { IMembershipBenefitInfo } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     membershipBenefitInfo: IMembershipBenefitInfo;
     itemToneTextLabelColor: string;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@sub/DynamicLayout/components");
-var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
+var components_1 = require("../../../../../../../../DynamicLayout/components");
+var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 function MembershipBenefitInfo(_a) {
     var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneTextLabelColor = _a.itemToneTextLabelColor;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }), membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedSubscriptionProducts, ISectionStyles } from '@sub/DynamicLayout/types';
+import type { IConnectedSubscriptionProducts, ISectionStyles } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     connectedSubscriptionProducts: IConnectedSubscriptionProducts;
     sectionStyles: ISectionStyles;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var components_1 = require("@hybrid/components");
-var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
-var formatCurrency_1 = __importDefault(require("@sub/DynamicLayout/utils/formatCurrency"));
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var components_1 = require("../../../../../../../../../hybrid/components");
+var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicLayout/utils/formatCurrency"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function MembershipPlanSheet(_a) {
     var connectedSubscriptionProducts = _a.connectedSubscriptionProducts, sectionStyles = _a.sectionStyles;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedMembership } from '@sub/DynamicLayout/types';
+import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     connectedMemberships: IConnectedMembership[];
     isWideView: boolean;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js

@@ -43,10 +43,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var panels_1 = require("@desktop/panels");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 var styled_components_1 = __importStar(require("styled-components"));
 var MembershipBenefitInfo_1 = __importDefault(require("./MembershipBenefitInfo"));
 var MembershipPlanSheet_1 = __importDefault(require("./MembershipPlanSheet"));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedMembership, TypeOfItemToneType } from '@sub/DynamicLayout/types';
+import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     connectedMemberships: IConnectedMembership[];
     itemHighlightingColorInHex: string;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js

@@ -40,9 +40,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var panels_1 = require("@desktop/panels");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 var styled_components_1 = __importStar(require("styled-components"));
 function NarrowMembershipListView(_a) {
     var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function SectionContents() {
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ISectionStyles } from '@sub/DynamicLayout/types';
+import type { ISectionStyles } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     sectionStyles: ISectionStyles;
 };

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.js

@@ -13,10 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var components_1 = require("@hybrid/components");
-var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var components_1 = require("../../../../../../../../../hybrid/components");
+var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function UnavailableMembershipPlanSheet(_a) {
     var sectionStyles = _a.sectionStyles;
     var t = (0, react_i18next_1.useTranslation)('translation').t;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedMembership, TypeOfItemToneType } from '@sub/DynamicLayout/types';
+import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     connectedMemberships: IConnectedMembership[];
     itemHighlightingColorInHex: string;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js

@@ -20,9 +20,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var panels_1 = require("@desktop/panels");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 var styled_components_1 = __importDefault(require("styled-components"));
 function WideMembershipListView(_a) {
     var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
+import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
 type Props = {
     membershipDisplay: IMembershipDisplay;
 };

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js

@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function MembershipSheet() {
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipBenefitInfo, TypeOfItemToneType } from '@sub/DynamicLayout/types';
+import type { IMembershipBenefitInfo, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     membershipBenefitInfo: IMembershipBenefitInfo;
     itemToneType: TypeOfItemToneType;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@sub/DynamicLayout/components");
-var mobile_1 = require("@sub/DynamicLayout/components/mobile");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var components_1 = require("../../../../../../../../DynamicLayout/components");
+var mobile_1 = require("../../../../../../../../DynamicLayout/components/mobile");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function MembershipBenefitInfo(_a) {
     var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneType = _a.itemToneType;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedMembership } from '@sub/DynamicLayout/types';
+import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     orderedConnectedMemberships: IConnectedMembership[];
 };

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembership } from '@sub/DynamicLayout/types';
+import type { IMembership } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     membership: IMembership;
 };

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.js

@@ -20,11 +20,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("@hybrid/components");
-var panels_1 = require("@mobile/panels");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var components_1 = require("../../../../../../../../../hybrid/components");
+var panels_1 = require("../../../../../../../../../mobile/panels");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 var styled_components_1 = __importDefault(require("styled-components"));
 var MembershipBenefitInfo_1 = __importDefault(require("./MembershipBenefitInfo"));
 function MembershipSectionSheet(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function SectionContents() {
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var Section_1 = require("../../../../../../DynamicLayout/components/Section");
+var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
 var desktop_1 = require("./desktop");
 var mobile_1 = require("./mobile");
 function TemplateB(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
+import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
 type Props = {
     membershipDisplay: IMembershipDisplay;
     isWideView: boolean;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js

@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var Section_1 = require("@sub/DynamicLayout/components/Section");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 function EmptyMembershipSheet() {
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipBenefitInfo } from '@sub/DynamicLayout/types';
+import type { IMembershipBenefitInfo } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     membershipBenefitInfo: IMembershipBenefitInfo;
     itemToneTextLabelColor: string;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var pdsOriginal_1 = require("@sub/DynamicLayout/components/pdsOriginal");
-var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
+var pdsOriginal_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal");
+var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
 function MembershipBenefitInfo(_a) {
     var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneTextLabelColor = _a.itemToneTextLabelColor;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_e" }), membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipCardTemplate } from '@sub/DynamicLayout/types';
+import type { IMembershipCardTemplate } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     membershipCardTemplate: IMembershipCardTemplate;
 };

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js

@@ -39,8 +39,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@hybrid/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
+var components_1 = require("../../../../../../../../../hybrid/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
 var styled_components_1 = __importStar(require("styled-components"));
 function MembershipCard(_a) {
     var membershipCardTemplate = _a.membershipCardTemplate;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IConnectedSubscriptionProducts, ISectionStyles } from '@sub/DynamicLayout/types';
+import type { IConnectedSubscriptionProducts, ISectionStyles } from '../../../../../../../../DynamicLayout/types';
 type Props = {
     connectedSubscriptionProduct: IConnectedSubscriptionProducts;
     sectionStyles: ISectionStyles;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("@desktop/panels");
-var components_1 = require("@hybrid/components");
-var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
-var formatCurrency_1 = __importDefault(require("@sub/DynamicLayout/utils/formatCurrency"));
+var panels_1 = require("../../../../../../../../../desktop/panels");
+var components_1 = require("../../../../../../../../../hybrid/components");
+var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicLayout/utils/formatCurrency"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function MembershipPlanSheet(_a) {
     var connectedSubscriptionProduct = _a.connectedSubscriptionProduct, sectionStyles = _a.sectionStyles;