pds-dev-kit-web-test 2.5.418 → 2.5.420

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("../../../../../../../../DynamicLayout/components/Section");
-var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+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 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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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("../../../../../../DynamicLayout/components/Section");
-var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var dynamicLayoutContext_1 = require("@sub/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 '../../../../../../../DynamicLayout/types';
+import type { IMembershipDisplay } from '@sub/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+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");
 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 '../../../../../../../../DynamicLayout/types';
+import type { IMembershipBenefitInfo } from '@sub/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("../../../../../../../../DynamicLayout/components/pdsOriginal");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var pdsOriginal_1 = require("@sub/DynamicLayout/components/pdsOriginal");
+var components_1 = require("@sub/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 '../../../../../../../../DynamicLayout/types';
+import type { IMembershipCardTemplate } from '@sub/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("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var components_1 = require("@hybrid/components");
+var constants_1 = require("@sub/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 '../../../../../../../../DynamicLayout/types';
+import type { IConnectedSubscriptionProducts, ISectionStyles } from '@sub/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("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
-var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicLayout/utils/formatCurrency"));
+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 styled_components_1 = __importDefault(require("styled-components"));
 function MembershipPlanSheet(_a) {
     var connectedSubscriptionProduct = _a.connectedSubscriptionProduct, sectionStyles = _a.sectionStyles;

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

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

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

@@ -20,12 +20,12 @@ 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("../../../../../../../../../hybrid/components");
-var desktop_1 = require("../../../../../../../../DynamicLayout/components/desktop");
-var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
-var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("@desktop/panels");
+var components_1 = require("@hybrid/components");
+var desktop_1 = require("@sub/DynamicLayout/components/desktop");
+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 styled_components_1 = __importDefault(require("styled-components"));
 var MembershipBenefitInfo_1 = __importDefault(require("./MembershipBenefitInfo"));
 var MembershipCard_1 = __importDefault(require("./MembershipCard"));

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/desktop/components/UnavailableMembershipPlanSheet.d.ts

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

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/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("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+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");
 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/TemplateB/mobile/M_TemplateB.d.ts

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

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+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");
 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/TemplateB/mobile/components/MembershipBenefitInfo.d.ts

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

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components");
-var mobile_1 = require("../../../../../../../../DynamicLayout/components/mobile");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var components_1 = require("@sub/DynamicLayout/components");
+var mobile_1 = require("@sub/DynamicLayout/components/mobile");
+var constants_1 = require("@sub/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/TemplateB/mobile/components/MembershipContents.d.ts

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

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

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

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+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 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/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/NormalType/MembershipSection.d.ts

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

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

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

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/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 dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var desktop_1 = require("./desktop");
 var mobile_1 = require("./mobile");
 function TemplateA() {

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

@@ -9,7 +9,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 dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
 function TemplateA() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/NormalType/templates/TemplateA/mobile/M_TemplateA.js

@@ -9,7 +9,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 dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
 function TemplateA() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/NormalType/templates/TemplateB/TemplateB.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 dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var desktop_1 = require("./desktop");
 var mobile_1 = require("./mobile");
 function TemplateB() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js

@@ -9,7 +9,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 dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
 function TemplateB() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/NormalType/templates/TemplateB/mobile/M_TemplateB.js

@@ -9,7 +9,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 dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
 function TemplateB() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/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("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/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/components/desktop/MembershipSectionItem.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { PDSIconType } from '../../../../../DynamicLayout/components/pdsOriginal/common';
-import type { TextLabelProps } from '../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
-import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '../../../../../DynamicLayout/types';
+import type { PDSIconType } from '@sub/DynamicLayout/components/pdsOriginal/common';
+import type { TextLabelProps } from '@sub/DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
+import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '@sub/DynamicLayout/types';
 declare function MembershipSectionItem(): JSX.Element;
 declare namespace MembershipSectionItem {
     var Title: ({ text, color, lineHeight, ...textLabelProps }: IItemTitle & TextLabelProps & {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js

@@ -51,8 +51,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var pdsOriginal_1 = require("../../../../../DynamicLayout/components/pdsOriginal");
-var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
+var pdsOriginal_1 = require("@sub/DynamicLayout/components/pdsOriginal");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importStar(require("styled-components"));
 var constants_1 = require("../../constants");
 function MembershipSectionItem() {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { PDSIconType } from '../../../../../DynamicLayout/components/pdsOriginal/common';
-import type { TextLabelProps } from '../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
-import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '../../../../../DynamicLayout/types';
+import type { PDSIconType } from '@sub/DynamicLayout/components/pdsOriginal/common';
+import type { TextLabelProps } from '@sub/DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
+import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '@sub/DynamicLayout/types';
 declare function MembershipSectionItem(): JSX.Element;
 declare namespace MembershipSectionItem {
     var Title: ({ text, color, lineHeight, ...textLabelProps }: IItemTitle & TextLabelProps & {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js

@@ -51,8 +51,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var pdsOriginal_1 = require("../../../../../DynamicLayout/components/pdsOriginal");
-var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
+var pdsOriginal_1 = require("@sub/DynamicLayout/components/pdsOriginal");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importStar(require("styled-components"));
 var constants_1 = require("../../constants");
 function MembershipSectionItem() {

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

@@ -1,5 +1,5 @@
 import type { TypeOfMembershipSectionToneColor } from './type';
-import type { SubscriptionProductType, TypeOfItemToneType, TypeOfProgrammedItemActionButtonTextType } from '../../../DynamicLayout/types';
+import type { SubscriptionProductType, TypeOfItemToneType, TypeOfProgrammedItemActionButtonTextType } from '@sub/DynamicLayout/types';
 export declare const MEMBERSHIP_SECTION_PREVIEW_WIDTH = 375;
 export declare const COMMON_OVERLAY_IMAGE_SRC = "https://static.publ.site/membership_card_deco.png";
 export declare const MEMBERSHIP_SECTION_TONE_COLOR: {

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

@@ -5,8 +5,7 @@ import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
-import type { CCB_VALUE_TYPE } from './sections/CustomSection/util/types';
-import type { Block, ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
@@ -348,8 +347,6 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
-    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
-    CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
@@ -380,12 +377,6 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:HOVER'?: string | null;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE'?: string | null;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE:HOVER'?: string | null;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: CCB_VALUE_TYPE | null;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: CCB_VALUE_TYPE | null;
-    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: CCB_VALUE_TYPE | null;
 };
 export interface IComposition {
     id: number;

package/dist/src/sub/SandollFontKit/types.d.ts

@@ -1,5 +1,5 @@
 import type { SandollFont } from './api/types';
-import type { PDSIconType } from '../../common/types';
+import type { PDSIconType } from '@common/types';
 export type SANDOLL_Font = SandollFont;
 export type SANDOLL_CategoryType = 'buri' | 'min-buri' | 'slab' | 'round' | 'script' | 'deco' | 'symbol' | 'blackLetter' | 'display';
 export type SANDOLL_SortOptionType = 'date' | 'alpha';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.418",
+  "version": "2.5.420",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,8 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.119",
+    "publ-echo": "^0.0.118",
+    "publ-echo-test": "^0.0.218",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,6 +1,6 @@
-# PDS-DEV-KIT-WEB Release Notes
-## [v2.2.178]
+# PDS-DEV-KIT-WEB-TEST Release Notes
+## [v2.5.317]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [FIX- BGMEDIA 영상fallbackurl적용]
+* 3.4 TEST 배포

package/dist/src/common/assets/icons/fill/Cam.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Cam: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Cam;