pds-dev-kit-web 2.0.9-alpha.3 → 2.0.9-alpha.5

package/dist/src/common/services/i18n/resources/en.json

@@ -4,6 +4,22 @@
         "str_n_selected": "{{itemSelected}} has been selected.",
         "str_dlayout_section": "Section",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Coupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "Free Trial",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "One-time Payment",
+        "str_payment_option_subs_regularly": "Regular Payment"
     }
 }

package/dist/src/common/services/i18n/resources/es.json

@@ -4,6 +4,22 @@
         "str_n_selected": "{{itemSelected}} has been selected.",
         "str_dlayout_section": "Section",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Coupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "Free Trial",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "One-time Payment",
+        "str_payment_option_subs_regularly": "Regular Payment"
     }
 }

package/dist/src/common/services/i18n/resources/fil.json

@@ -4,6 +4,22 @@
         "str_n_selected": "{{itemSelected}} has been selected.",
         "str_dlayout_section": "Section",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Kupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "Libreng subok",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "Isang beses na pagbayad",
+        "str_payment_option_subs_regularly": "Regular na Pagbabayad"
     }
 }

package/dist/src/common/services/i18n/resources/index.d.ts

@@ -6,6 +6,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly en: {
@@ -15,6 +31,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly ja: {
@@ -24,6 +56,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly es: {
@@ -33,6 +81,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly 'zh-cn': {
@@ -42,6 +106,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly 'zh-tw': {
@@ -51,6 +131,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
     readonly fil: {
@@ -60,6 +156,22 @@ declare const locale: {
             str_dlayout_section: string;
             str_4653: string;
             str_4657: string;
+            str_5299: string;
+            str_5300: string;
+            str_5350: string;
+            str_5351: string;
+            str_5352: string;
+            str_5353: string;
+            str_5354: string;
+            str_5339: string;
+            str_coupon: string;
+            str_payment_option_coupon_free_finite: string;
+            str_payment_option_coupon_free_infinite: string;
+            str_payment_option_coupon_one_time: string;
+            str_payment_option_subs_temporary_free: string;
+            str_payment_option_unlimited_free: string;
+            str_payment_option_one_time: string;
+            str_payment_option_subs_regularly: string;
         };
     };
 };

package/dist/src/common/services/i18n/resources/ja.json

@@ -4,6 +4,22 @@
         "str_n_selected": "{{itemSelected}} has been selected.",
         "str_dlayout_section": "Section",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Coupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "免费体验",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "One-time Payment",
+        "str_payment_option_subs_regularly": "Regular Payment"
     }
 }

package/dist/src/common/services/i18n/resources/ko.json

@@ -4,6 +4,22 @@
         "str_n_selected": "{{itemSelected}}개 선택됨",
         "str_dlayout_section": "섹션",
         "str_4653": "$t(str_dlayout_section) 수정",
-        "str_4657": "현재 수정 중"
+        "str_4657": "현재 수정 중",
+        "str_5299": "표시할 멤버십이 없습니다.",
+        "str_5300": "구매할 수 없는 멤버십입니다.",
+        "str_5350": "결제하기",
+        "str_5351": "구매하기",
+        "str_5352": "이용하기",
+        "str_5353": "지불하기",
+        "str_5354": "구입하기",
+        "str_5339": "{{price}} 원",
+        "str_coupon": "쿠폰",
+        "str_payment_option_coupon_free_finite": "기간제 무료 $t(str_coupon)",
+        "str_payment_option_coupon_free_infinite": "$t(str_coupon)형 무제한 무료",
+        "str_payment_option_coupon_one_time": "1회 결제 $t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "무료 체험",
+        "str_payment_option_unlimited_free": "무료",
+        "str_payment_option_one_time": "1회 결제",
+        "str_payment_option_subs_regularly": "정기 결제"
     }
 }

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -4,6 +4,22 @@
         "str_n_selected": "已选择{{itemSelected}}个",
         "str_dlayout_section": "栏目",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "优惠券",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "免费体验",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "一次性付款",
+        "str_payment_option_subs_regularly": "定期付款"
     }
 }

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -4,6 +4,22 @@
         "str_n_selected": "已選擇{{itemSelected}}個",
         "str_dlayout_section": "欄目",
         "str_4653": "Edit $t(str_dlayout_section)",
-        "str_4657": "Currently editing"
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Coupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "期限內免費",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "結算一次",
+        "str_payment_option_subs_regularly": "定期結算"
     }
 }

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -295,5 +295,7 @@
     "sys_component_base_38": "darkorange300",
     "sys_plan_base_01": "darkpastelblue300/opacity60",
     "sys_plan_base_02": "darksoftpurple500/opacity60",
-    "sys_plan_base_03": "darkcoolpink500/opacity60"
+    "sys_plan_base_03": "darkcoolpink500/opacity60",
+    "sys_text_warning_02": "darkbrown500",
+    "sys_component_base_39": "darkyellow300"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -295,5 +295,7 @@
     "sys_component_base_38": "orange300",
     "sys_plan_base_01": "pastelblue300/opacity60",
     "sys_plan_base_02": "softpurple500/opacity60",
-    "sys_plan_base_03": "coolpink500/opacity60"
+    "sys_plan_base_03": "coolpink500/opacity60",
+    "sys_text_warning_02": "brown500",
+    "sys_component_base_39": "yellow300"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -108,5 +108,9 @@
     "softpurple500": "#A58CFF",
     "darksoftpurple500": "#9B80FC",
     "coolpink500": "#FF85FC",
-    "darkcoolpink500": "#EF7AEC"
+    "darkcoolpink500": "#EF7AEC",
+    "brown500": "#97500D",
+    "darkbrown500": "#C87323",
+    "yellow300": "#FFFAE6",
+    "darkyellow300": "#FFF3C1"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -764,5 +764,7 @@
     "ui_plan_base_01": "sys_plan_base_01",
     "ui_plan_base_02": "sys_plan_base_02",
     "ui_plan_base_03": "sys_plan_base_03",
-    "ui_cpnt_sheet_border_08": "sys_border_line_05"
+    "ui_cpnt_sheet_border_08": "sys_border_line_05",
+    "ui_cpnt_textlabel_sys_warning_2": "sys_text_warning_02",
+    "ui_cpnt_sheet_base_20": "sys_component_base_39"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -110,8 +110,12 @@ declare const colorSet: {
         darksoftpurple500: string;
         coolpink500: string;
         darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -409,8 +413,10 @@ declare const colorSet: {
         sys_plan_base_01: string;
         sys_plan_base_02: string;
         sys_plan_base_03: string;
+        sys_text_warning_02: string;
+        sys_component_base_39: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -708,6 +714,8 @@ declare const colorSet: {
         sys_plan_base_01: string;
         sys_plan_base_02: string;
         sys_plan_base_03: string;
+        sys_text_warning_02: string;
+        sys_component_base_39: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1476,6 +1484,8 @@ declare const colorSet: {
         ui_plan_base_02: string;
         ui_plan_base_03: string;
         ui_cpnt_sheet_border_08: string;
+        ui_cpnt_textlabel_sys_warning_2: string;
+        ui_cpnt_sheet_base_20: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -765,4 +765,6 @@ export interface UITheme {
     ui_plan_base_02: string;
     ui_plan_base_03: string;
     ui_cpnt_sheet_border_08: string;
+    ui_cpnt_textlabel_sys_warning_2: string;
+    ui_cpnt_sheet_base_20: string;
 }

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var sections_1 = require("../../../DynamicLayout/sections");
-var GlobalFixedOverlay_1 = __importDefault(require("./components/GlobalFixedOverlay/GlobalFixedOverlay"));
 var SectionBox_1 = __importDefault(require("./SectionBox"));
 function EditModeSectionMatcher(_a) {
     var filteredSortedSection = _a.filteredSortedSection, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, onClickEditSection = _a.onClickEditSection;
     var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iframeSection ? ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isIframeSection: true, isEditing: editingSectionId === iframeSection.id, scrollIntoThisSection: iframeSection.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(iframeSection); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, iframeSection), void 0) }), iframeSection.id)) : (filteredSortedSection.map(function (section) { return ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isEditing: editingSectionId === section.id, scrollIntoThisSection: section.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(section); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, section), void 0) }), section.id)); })), (0, jsx_runtime_1.jsx)(GlobalFixedOverlay_1.default, { filteredSortedSection: filteredSortedSection }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iframeSection ? ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isIframeSection: true, isEditing: editingSectionId === iframeSection.id, scrollIntoThisSection: iframeSection.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(iframeSection); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, iframeSection), void 0) }), iframeSection.id)) : (filteredSortedSection.map(function (section) { return ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isEditing: editingSectionId === section.id, scrollIntoThisSection: section.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(section); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, section), void 0) }), section.id)); })) }, void 0));
 }
 exports.default = EditModeSectionMatcher;
 function Matcher(_a) {

package/dist/src/sub/DynamicLayout/mock_samplePage.js

@@ -1114,7 +1114,7 @@ exports.samplePageMembershipSection = {
         itemToneType: 'LIGHT',
         programmedItemActionButtonTextType: 'A'
     },
-    template: 'PRG_MEMBERSHIP_DISPLAY_A',
+    template: 'PRG_MEMBERSHIP_DISPLAY_B',
     programData: {
         mdid: 'mdid',
         preview: {
@@ -1160,23 +1160,27 @@ exports.samplePageMembershipSection = {
                                     id: i + 1,
                                     type: 'GENERAL',
                                     mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
-                                    title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
+                                    title: i % 2
+                                        ? '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!'
+                                        : '짧은 제목',
                                     insertedAt: '2023-01-06T09:05:45',
                                     updatedAt: '2023-01-06T09:05:45',
                                     membershipCardTemplate: {
                                         backgroundImageSrc: cardImage[i],
                                         logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
                                         overlayType: getOverlayType(),
-                                        overlayColorPrimary: '#FFC0CB',
-                                        overlayColorSecondary: '#313131',
+                                        overlayColorPrimary: '#FFC0CB49',
+                                        overlayColorSecondary: '#31313149',
                                         designSchema: getDesignSchema()
                                     },
                                     membershipBenefitInfo: {
-                                        benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
-                                        benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
-                                        benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
-                                        benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
-                                        benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
+                                        benefitAlpha: i % 2
+                                            ? '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!'
+                                            : 'shortDesc',
+                                        benefitBravo: i % 2 ? 'Lorem ipsum dolor sit amet. Et magnam molestiae.' : 'shortDesc',
+                                        benefitCharlie: i % 2 ? 'Lorem ipsum dolor sit amet. Et magnam molestiae.' : 'shortDesc',
+                                        benefitDelta: i % 2 ? 'Lorem ipsum dolor sit amet. Et magnam molestiae.' : 'shortDesc',
+                                        benefitEcho: i % 2 ? 'Lorem ipsum dolor sit amet. Et magnam molestiae.' : 'shortDesc'
                                     },
                                     totalSubscriptionProducts: 3
                                 },
@@ -1189,8 +1193,10 @@ exports.samplePageMembershipSection = {
                                         subscriptionProduct: {
                                             id: i + 1,
                                             type: 'COUPON_ONCE_FINITE',
-                                            title: '청춘이 황금시대를 우리의 같은 무엇을',
-                                            alias: "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS",
+                                            title: i % 2 ? '청춘이 황금시대를 우리의 같은 무엇을' : '짧은 제목',
+                                            alias: i % 2
+                                                ? "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS"
+                                                : 'shortAlias',
                                             expiryPeriodInDays: 7,
                                             isDeactivated: i % 2 === 0,
                                             fee: {

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

@@ -2,3 +2,6 @@
 import type DynamicLayout from './DynamicLayout';
 export declare const SampleSectionsMock: React.ComponentProps<typeof DynamicLayout>['sections'];
 export declare const MembershipSectionsMock: React.ComponentProps<typeof DynamicLayout>['sections'];
+export declare const MembershipSectionsMockWithoutMembership: React.ComponentProps<typeof DynamicLayout>['sections'];
+export declare const MembershipSectionsMockWithoutConnectedSubscriptionProducts: React.ComponentProps<typeof DynamicLayout>['sections'];
+export declare const MembershipSectionsMockOnlyOneConnectedSubscriptionProduct: React.ComponentProps<typeof DynamicLayout>['sections'];