pds-dev-kit-web-test 2.7.117 → 2.7.119

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

@@ -1,5 +1,5 @@
 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_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
-import type { IComposition } from '@sub/DynamicLayout/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_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER | CB_VIDEOPLAYER;
 type GeneralCustomSectionType = {

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

@@ -1,4 +1,4 @@
-import type { ICompositionJsonProperties } from '@sub/DynamicLayout/types';
+import type { ICompositionJsonProperties } from '../../../../DynamicLayout/types';
 type Props = {
     isMobile: boolean;
     compositionProps: ICompositionJsonProperties['data']['CB_PLACEMENT_PROP_COMPOSITION'];

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

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

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

@@ -1,5 +1,5 @@
 import { ComponentBlock } from '../types';
-import type { PlaceRestrictionType } from '@sub/DynamicLayout/types';
+import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
 import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { LayoutItem } from 'publ-echo/dist/lib';
 export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder, placementRestriction?: PlaceRestrictionType): {

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

@@ -16,7 +16,7 @@ import type { CB_STYLE_PROP_IMAGE_SPECS } from './stylePropParsers/parseStylePro
 import type { CB_STYLE_PROP_TEXT_OPACITY_SPECS } from './stylePropParsers/parseStylePropOpacity';
 import type { CB_STYLE_PROP_SHADOW_SPECS } from './stylePropParsers/parseStylePropShadow';
 import type { NamedStylePropType } from './stylePropParsers/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
 import type { CSSProperties } from 'react';
 export type STRING_PLAIN = string;
 export type ENUM_STRING = string;

package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js

@@ -37,6 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -44,12 +53,13 @@ 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 gleStyles_1 = require("../gleStyles");
-var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
+var groupUtils_1 = __importDefault(require("../utils/groupUtils"));
+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"));
@@ -59,13 +69,12 @@ 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 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 _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, shortcutKeyMode = _a.shortcutKeyMode, sectionActionHandler = _a.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
+    var _b = jsonProperties, _c = _b.data, CB_PLACEMENT_PROP_SECTION = _c.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _c.CB_LAYOUT_PROP_PADDING, zOrders = _b.zOrders;
     var containerRef = (0, react_1.useRef)(null);
     var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
-    var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
+    var _d = (0, react_1.useState)(null), selectedCB = _d[0], setSelectedCB = _d[1];
     var gleRef = (0, react_1.useRef)(null);
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
@@ -124,10 +133,10 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
             setSelectedCB('BULK');
         }
     }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
-    var _f = (0, util_1.parseCustomSectionPlacement)({
+    var _e = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
+    }), width = _e.width, minHeight = _e.minHeight, isFullWidth = _e.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
         width: '100%',
@@ -185,6 +194,18 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
         }
         return 16;
     })();
+    var pedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
+    var layouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders);
+    var _f = (0, react_1.useState)([]), selectedRows = _f[0], setSelectedRows = _f[1];
+    var _g = (0, react_1.useState)([]), pinnedGBs = _g[0], setPinnedGBs = _g[1];
+    var onToggleGBPinned = function (gbId) {
+        setPinnedGBs(function (prev) {
+            if (prev.includes(gbId)) {
+                return prev.filter(function (id) { return id !== gbId; });
+            }
+            return __spreadArray(__spreadArray([], prev, true), [gbId], false);
+        });
+    };
     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,
@@ -196,10 +217,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
                             maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
-                        } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
-                            var _a;
-                            return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
-                        }) })) })) })) }) }));
+                        } }, { children: pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, pinnedGBs: pinnedGBs, onToggleGBPinned: onToggleGBPinned, isEditMode: false }, child.blockId)); }) })) })) })) }) }));
 });
 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"])));

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;