pds-dev-kit-web 2.0.9-alpha.1 → 2.0.9-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -2
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -1
- package/dist/src/common/styles/colorSet/SemanticColor.json +7 -1
- package/dist/src/common/styles/colorSet/UIColor.json +6 -1
- package/dist/src/common/styles/colorSet/index.d.ts +19 -2
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +5 -0
- package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/DynamicLayout.js +2 -3
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js +7 -6
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_samplePage.d.ts +1 -2
- package/dist/src/sub/DynamicLayout/mock_samplePage.js +112 -100
- package/dist/src/sub/DynamicLayout/mock_storybook.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_storybook.js +113 -103
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js +9 -18
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.d.ts +1 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +12 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.d.ts +1 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +12 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +1 -1
- package/dist/src/sub/DynamicLayout/types.d.ts +27 -5
- package/package.json +1 -1
- package/release-note.md +4 -2
package/dist/index.d.ts
CHANGED
|
@@ -25,6 +25,6 @@ export { M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_
|
|
|
25
25
|
export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
|
|
26
26
|
import { DynamicLayout } from './src/sub';
|
|
27
27
|
export { DynamicLayout };
|
|
28
|
-
import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfSectionAction, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents
|
|
29
|
-
export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, TypeOfSectionAction, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents
|
|
28
|
+
import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfSectionAction, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents } from './src/sub/DynamicLayout/types';
|
|
29
|
+
export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, TypeOfSectionAction, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfProgrammedItemActionButtonTextType, TypeOfItemToneType, IProgrammedSectionComponents };
|
|
30
30
|
export { AdminList, AdminListHeader, AdminListItem, BulkActionBar, ToolBar } from './src/sub';
|
|
@@ -292,5 +292,8 @@
|
|
|
292
292
|
"sys_component_base_35": "darklightgreen500",
|
|
293
293
|
"sys_component_base_36": "darkorange500",
|
|
294
294
|
"sys_component_base_37": "darkpink300",
|
|
295
|
-
"sys_component_base_38": "darkorange300"
|
|
295
|
+
"sys_component_base_38": "darkorange300",
|
|
296
|
+
"sys_plan_base_01": "darkpastelblue300/opacity60",
|
|
297
|
+
"sys_plan_base_02": "darksoftpurple500/opacity60",
|
|
298
|
+
"sys_plan_base_03": "darkcoolpink500/opacity60"
|
|
296
299
|
}
|
|
@@ -292,5 +292,8 @@
|
|
|
292
292
|
"sys_component_base_35": "lightgreen500",
|
|
293
293
|
"sys_component_base_36": "orange500",
|
|
294
294
|
"sys_component_base_37": "pink300",
|
|
295
|
-
"sys_component_base_38": "orange300"
|
|
295
|
+
"sys_component_base_38": "orange300",
|
|
296
|
+
"sys_plan_base_01": "pastelblue300/opacity60",
|
|
297
|
+
"sys_plan_base_02": "softpurple500/opacity60",
|
|
298
|
+
"sys_plan_base_03": "coolpink500/opacity60"
|
|
296
299
|
}
|
|
@@ -102,5 +102,11 @@
|
|
|
102
102
|
"red30": "#FFE4E4",
|
|
103
103
|
"orange300": "#FFA638",
|
|
104
104
|
"darkorange300": "#F5A33E",
|
|
105
|
-
"darkpink300": "#FB718E"
|
|
105
|
+
"darkpink300": "#FB718E",
|
|
106
|
+
"pastelblue300": "#8DCFFF",
|
|
107
|
+
"darkpastelblue300": "#81BFED",
|
|
108
|
+
"softpurple500": "#A58CFF",
|
|
109
|
+
"darksoftpurple500": "#9B80FC",
|
|
110
|
+
"coolpink500": "#FF85FC",
|
|
111
|
+
"darkcoolpink500": "#EF7AEC"
|
|
106
112
|
}
|
|
@@ -759,5 +759,10 @@
|
|
|
759
759
|
"ui_cpnt_badge_base_new": "sys_component_base_35",
|
|
760
760
|
"ui_cpnt_badge_base_sale": "sys_component_base_36",
|
|
761
761
|
"ui_cpnt_badge_base_timesale": "sys_component_base_37",
|
|
762
|
-
"ui_cpnt_badge_base_best": "sys_component_base_38"
|
|
762
|
+
"ui_cpnt_badge_base_best": "sys_component_base_38",
|
|
763
|
+
"ui_cpnt_badge_base_recommended": "sys_component_base_green",
|
|
764
|
+
"ui_plan_base_01": "sys_plan_base_01",
|
|
765
|
+
"ui_plan_base_02": "sys_plan_base_02",
|
|
766
|
+
"ui_plan_base_03": "sys_plan_base_03",
|
|
767
|
+
"ui_cpnt_sheet_border_08": "sys_border_line_05"
|
|
763
768
|
}
|
|
@@ -104,8 +104,14 @@ declare const colorSet: {
|
|
|
104
104
|
orange300: string;
|
|
105
105
|
darkorange300: string;
|
|
106
106
|
darkpink300: string;
|
|
107
|
+
pastelblue300: string;
|
|
108
|
+
darkpastelblue300: string;
|
|
109
|
+
softpurple500: string;
|
|
110
|
+
darksoftpurple500: string;
|
|
111
|
+
coolpink500: string;
|
|
112
|
+
darkcoolpink500: string;
|
|
107
113
|
};
|
|
108
|
-
readonly
|
|
114
|
+
readonly PaletteColor_light: {
|
|
109
115
|
sys_container_background_01: string;
|
|
110
116
|
sys_container_background_02: string;
|
|
111
117
|
sys_container_background_03: string;
|
|
@@ -400,8 +406,11 @@ declare const colorSet: {
|
|
|
400
406
|
sys_component_base_36: string;
|
|
401
407
|
sys_component_base_37: string;
|
|
402
408
|
sys_component_base_38: string;
|
|
409
|
+
sys_plan_base_01: string;
|
|
410
|
+
sys_plan_base_02: string;
|
|
411
|
+
sys_plan_base_03: string;
|
|
403
412
|
};
|
|
404
|
-
readonly
|
|
413
|
+
readonly PaletteColor_Dark: {
|
|
405
414
|
sys_container_background_01: string;
|
|
406
415
|
sys_container_background_02: string;
|
|
407
416
|
sys_container_background_03: string;
|
|
@@ -696,6 +705,9 @@ declare const colorSet: {
|
|
|
696
705
|
sys_component_base_36: string;
|
|
697
706
|
sys_component_base_37: string;
|
|
698
707
|
sys_component_base_38: string;
|
|
708
|
+
sys_plan_base_01: string;
|
|
709
|
+
sys_plan_base_02: string;
|
|
710
|
+
sys_plan_base_03: string;
|
|
699
711
|
};
|
|
700
712
|
readonly UIColor: {
|
|
701
713
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -1459,6 +1471,11 @@ declare const colorSet: {
|
|
|
1459
1471
|
ui_cpnt_badge_base_sale: string;
|
|
1460
1472
|
ui_cpnt_badge_base_timesale: string;
|
|
1461
1473
|
ui_cpnt_badge_base_best: string;
|
|
1474
|
+
ui_cpnt_badge_base_recommended: string;
|
|
1475
|
+
ui_plan_base_01: string;
|
|
1476
|
+
ui_plan_base_02: string;
|
|
1477
|
+
ui_plan_base_03: string;
|
|
1478
|
+
ui_cpnt_sheet_border_08: string;
|
|
1462
1479
|
};
|
|
1463
1480
|
};
|
|
1464
1481
|
export default colorSet;
|
|
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
7
|
var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
8
|
-
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
9
8
|
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
9
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
10
10
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
11
11
|
var colorSet = {
|
|
12
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
13
|
-
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
14
13
|
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
14
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
15
15
|
UIColor: UIColor_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
|
@@ -760,4 +760,9 @@ export interface UITheme {
|
|
|
760
760
|
ui_cpnt_badge_base_sale: string;
|
|
761
761
|
ui_cpnt_badge_base_timesale: string;
|
|
762
762
|
ui_cpnt_badge_base_best: string;
|
|
763
|
+
ui_cpnt_badge_base_recommended: string;
|
|
764
|
+
ui_plan_base_01: string;
|
|
765
|
+
ui_plan_base_02: string;
|
|
766
|
+
ui_plan_base_03: string;
|
|
767
|
+
ui_cpnt_sheet_border_08: string;
|
|
763
768
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DynamicLayoutProps } from './types';
|
|
3
|
-
declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents
|
|
3
|
+
declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents }: DynamicLayoutProps): JSX.Element;
|
|
4
4
|
export default DynamicLayout;
|
|
@@ -25,7 +25,7 @@ var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
|
|
|
25
25
|
var SectionMatcher_1 = require("./components/SectionMatcher");
|
|
26
26
|
var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
|
|
27
27
|
function DynamicLayout(_a) {
|
|
28
|
-
var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents
|
|
28
|
+
var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents;
|
|
29
29
|
var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) { return section.display; })
|
|
30
30
|
.sort(function (a, b) { return a.order - b.order; });
|
|
31
31
|
var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
|
|
@@ -35,8 +35,7 @@ function DynamicLayout(_a) {
|
|
|
35
35
|
isPreview: isPreview,
|
|
36
36
|
navigationHandler: navigationHandler,
|
|
37
37
|
sectionActionHandler: sectionActionHandler,
|
|
38
|
-
programmedSectionComponents: programmedSectionComponents
|
|
39
|
-
programmedSectionPreviewData: programmedSectionPreviewData
|
|
38
|
+
programmedSectionComponents: programmedSectionComponents
|
|
40
39
|
} }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection }, void 0)), mode !== 'EDIT' &&
|
|
41
40
|
(iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] }), void 0));
|
|
42
41
|
}
|
|
@@ -9,15 +9,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
11
|
var react_1 = require("react");
|
|
12
|
+
var Section_1 = require("../../../../../DynamicLayout/components/Section");
|
|
12
13
|
var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
|
|
13
14
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
14
15
|
var MembershipSectionGlobalFixedOverlay_1 = require("./MembershipSectionGlobalFixedOverlay");
|
|
15
16
|
function GlobalFixedOverlay(_a) {
|
|
16
17
|
var filteredSortedSection = _a.filteredSortedSection;
|
|
17
|
-
var
|
|
18
|
-
|
|
18
|
+
var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
|
|
19
|
+
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
|
20
|
+
if (!section || !section.programData) {
|
|
19
21
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
20
22
|
}
|
|
23
|
+
var programmedSectionPreviewData = section.programData.preview.resource.real.membershipDisplay;
|
|
21
24
|
var showMembershipFixedOverlay = getShowMembershipFixedOverlay({
|
|
22
25
|
filteredSortedSection: filteredSortedSection,
|
|
23
26
|
programmedSectionPreviewData: programmedSectionPreviewData,
|
|
@@ -29,12 +32,10 @@ var S_GlobalFixedOverlay = styled_components_1.default.div(templateObject_1 || (
|
|
|
29
32
|
function getShowMembershipFixedOverlay(_a) {
|
|
30
33
|
var filteredSortedSection = _a.filteredSortedSection, programmedSectionPreviewData = _a.programmedSectionPreviewData, device = _a.device;
|
|
31
34
|
var membershipSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'PRG_MEMBERSHIP_DISPLAY'; });
|
|
32
|
-
if (!programmedSectionPreviewData
|
|
33
|
-
!membershipSection ||
|
|
34
|
-
device !== 'MOBILE') {
|
|
35
|
+
if (!programmedSectionPreviewData || !membershipSection || device !== 'MOBILE') {
|
|
35
36
|
return null;
|
|
36
37
|
}
|
|
37
|
-
var connectedMemberships = programmedSectionPreviewData.
|
|
38
|
+
var connectedMemberships = programmedSectionPreviewData.connectedMemberships;
|
|
38
39
|
var styles = membershipSection.styles;
|
|
39
40
|
var orderedConnectedMemberships = connectedMemberships.sort(function (a, b) { return a.order - b.order; });
|
|
40
41
|
var showMembershipFixedOverlay = {
|
|
@@ -57,7 +57,7 @@ function MembershipSectionGlobalFixedOverlay(_a) {
|
|
|
57
57
|
}
|
|
58
58
|
return connectedSubscriptionProducts.length > 0
|
|
59
59
|
? t('str_5339', {
|
|
60
|
-
price: connectedSubscriptionProducts[0].subscriptionProduct.fee
|
|
60
|
+
price: connectedSubscriptionProducts[0].subscriptionProduct.fee.amount
|
|
61
61
|
})
|
|
62
62
|
: t('str_5300');
|
|
63
63
|
}, [isBottomSheetOpen, programmedItemActionButtonTextType, connectedSubscriptionProducts]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ISection } from './types';
|
|
2
2
|
export declare const samplePageIntroSection: ISection;
|
|
3
3
|
export declare const samplePageContentsCarouselSection: ISection;
|
|
4
4
|
export declare const samplePageIntroSection2: ISection;
|
|
@@ -8,5 +8,4 @@ export declare const samplePageIntroSection3: ISection;
|
|
|
8
8
|
export declare const samplePageFooterSection: ISection;
|
|
9
9
|
export declare const samplePageFullscreenIframeSection: ISection;
|
|
10
10
|
export declare const samplePageMembershipSection: ISection;
|
|
11
|
-
export declare const samplePageMemberships: IMembershipDisplay;
|
|
12
11
|
export declare const samplePage: ISection[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.samplePage = exports.
|
|
3
|
+
exports.samplePage = exports.samplePageMembershipSection = exports.samplePageFullscreenIframeSection = exports.samplePageFooterSection = exports.samplePageIntroSection3 = exports.samplePageInfoBoxSection = exports.samplePageContentsSection = exports.samplePageIntroSection2 = exports.samplePageContentsCarouselSection = exports.samplePageIntroSection = void 0;
|
|
4
4
|
exports.samplePageIntroSection = {
|
|
5
5
|
type: 'DESIGNED',
|
|
6
6
|
display: true,
|
|
@@ -1026,21 +1026,18 @@ exports.samplePageFullscreenIframeSection = {
|
|
|
1026
1026
|
updatedAt: '2023-01-06T09:05:45'
|
|
1027
1027
|
};
|
|
1028
1028
|
exports.samplePageMembershipSection = {
|
|
1029
|
+
display: true,
|
|
1029
1030
|
type: 'PROGRAMMED',
|
|
1030
1031
|
program: 'MEMBERSHIP_DISPLAY',
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
id: 15,
|
|
1034
|
-
insertedAt: '2023-01-06T09:05:45',
|
|
1032
|
+
dynamicLayoutSectionItems: [],
|
|
1033
|
+
id: 116642,
|
|
1035
1034
|
manifest: {
|
|
1036
1035
|
availableProperties: [
|
|
1037
1036
|
'title',
|
|
1038
1037
|
'description',
|
|
1039
1038
|
'button_alpha_label',
|
|
1040
1039
|
'button_alpha_link_type',
|
|
1041
|
-
'button_alpha_link_src'
|
|
1042
|
-
'section_content_media_type',
|
|
1043
|
-
'section_content_media_src'
|
|
1040
|
+
'button_alpha_link_src'
|
|
1044
1041
|
],
|
|
1045
1042
|
availableStyles: [
|
|
1046
1043
|
'title_color_in_hex',
|
|
@@ -1080,125 +1077,140 @@ exports.samplePageMembershipSection = {
|
|
|
1080
1077
|
carouselAutoplayTime: 3,
|
|
1081
1078
|
carouselInfiniteLoopMode: 'NO_USE',
|
|
1082
1079
|
description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
|
|
1083
|
-
itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
|
|
1084
1080
|
sectionContentMediaSrc: '',
|
|
1085
1081
|
sectionContentMediaType: 'IMAGE',
|
|
1086
1082
|
title: 'Lorem Ipsum',
|
|
1087
|
-
multiPurposeUrl: 'https://app.publr.co/'
|
|
1083
|
+
multiPurposeUrl: 'https://app.publr.co/',
|
|
1084
|
+
itemLinkMethod: 'NONE'
|
|
1088
1085
|
},
|
|
1089
1086
|
styles: {
|
|
1090
|
-
backgroundColorInHex: '#
|
|
1087
|
+
backgroundColorInHex: '#4A5D78AB',
|
|
1091
1088
|
backgroundMediaSrc: '',
|
|
1092
1089
|
backgroundMediaType: 'IMAGE',
|
|
1093
1090
|
backgroundOverlayColorInHex: '#FFFFFF00',
|
|
1094
|
-
buttonAlphaBackgroundColorInHex: '#
|
|
1091
|
+
buttonAlphaBackgroundColorInHex: '#313131FF',
|
|
1095
1092
|
buttonAlphaDesignType: 'C',
|
|
1096
1093
|
buttonAlphaLabelColorInHex: '#f5efd9FF',
|
|
1097
|
-
buttonBravoBackgroundColorInHex: '#
|
|
1094
|
+
buttonBravoBackgroundColorInHex: '#313131FF',
|
|
1098
1095
|
buttonBravoDesignType: 'E',
|
|
1099
1096
|
buttonBravoLabelColorInHex: '#FFFFFFFF',
|
|
1100
1097
|
buttonCharlieBackgroundColorInHex: '#465FF000',
|
|
1101
1098
|
buttonCharlieDesignType: 'E',
|
|
1102
1099
|
buttonCharlieLabelColorInHex: '#FFFFFFFF',
|
|
1103
|
-
buttonDeltaBackgroundColorInHex: '#
|
|
1100
|
+
buttonDeltaBackgroundColorInHex: '#313131FF',
|
|
1104
1101
|
buttonDeltaDesignType: 'A',
|
|
1105
1102
|
buttonDeltaLabelColorInHex: '#FFFFFFFF',
|
|
1106
|
-
buttonEchoBackgroundColorInHex: '#
|
|
1103
|
+
buttonEchoBackgroundColorInHex: '#313131FF',
|
|
1107
1104
|
buttonEchoDesignType: 'A',
|
|
1108
1105
|
buttonEchoLabelColorInHex: '#FFFFFFFF',
|
|
1109
|
-
descriptionColorInHex: '#
|
|
1110
|
-
itemButtonBackgroundColorInHex: '#
|
|
1106
|
+
descriptionColorInHex: '#DEECFFA6',
|
|
1107
|
+
itemButtonBackgroundColorInHex: '#313131FF',
|
|
1111
1108
|
itemButtonDesignType: 'A',
|
|
1112
1109
|
itemButtonLabelColorInHex: '#FFFFFFFF',
|
|
1113
1110
|
itemDescriptionColorInHex: '#68686BFF',
|
|
1114
1111
|
itemTitleColorInHex: '#1E1E20FF',
|
|
1115
|
-
|
|
1112
|
+
titleColorInHex: '#DEECFFFF',
|
|
1113
|
+
itemHighlightingColorInHex: '#313131FF',
|
|
1116
1114
|
itemToneType: 'LIGHT',
|
|
1117
|
-
titleColorInHex: '#F8FFACFF',
|
|
1118
1115
|
programmedItemActionButtonTextType: 'A'
|
|
1119
1116
|
},
|
|
1120
|
-
template: '
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1117
|
+
template: 'PRG_MEMBERSHIP_DISPLAY_A',
|
|
1118
|
+
programData: {
|
|
1119
|
+
mdid: 'mdid',
|
|
1120
|
+
preview: {
|
|
1121
|
+
availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
|
|
1122
|
+
resource: {
|
|
1123
|
+
mock: {},
|
|
1124
|
+
real: {
|
|
1125
|
+
membershipDisplay: {
|
|
1126
|
+
id: 1,
|
|
1127
|
+
mdid: "MEMBERSHIP_DISPLAY_MD_ID",
|
|
1128
|
+
title: "MEMBERSHIP_DISPLAY_MD_TITLE",
|
|
1129
|
+
isDefault: true,
|
|
1130
|
+
connectedMemberships: Array.from({ length: 6 }, function (_, i) {
|
|
1131
|
+
var alphabet = ['A', 'B', 'C', 'D', 'E', 'F'];
|
|
1132
|
+
var cardImage = [
|
|
1133
|
+
'https://cdn.dev.publishingkit.net/7f3f7a31-023b-4852-9a11-cbac31d25d93',
|
|
1134
|
+
'https://cdn.dev.publishingkit.net/c8973261-6c2a-4833-9b9f-20ee355647e4',
|
|
1135
|
+
'https://cdn.dev.publishingkit.net/8e585c93-9591-4300-ad93-d002560cbeae',
|
|
1136
|
+
'https://cdn.dev.publishingkit.net/4aaa2811-b3ff-435c-b50a-9486376ab230',
|
|
1137
|
+
'https://cdn.dev.publishingkit.net/5111c33c-07ba-4b91-8eb6-9975f4cd906a',
|
|
1138
|
+
'https://cdn.dev.publishingkit.net/16ac0a8a-acb1-465b-960c-6be66f2a04e8.jpg'
|
|
1139
|
+
];
|
|
1140
|
+
var getOverlayType = function () {
|
|
1141
|
+
if (i % 3 === 1)
|
|
1142
|
+
return 'SOLID';
|
|
1143
|
+
if (i % 3 === 2)
|
|
1144
|
+
return 'GRADIENT';
|
|
1145
|
+
return 'NONE';
|
|
1146
|
+
};
|
|
1147
|
+
var getDesignSchema = function () {
|
|
1148
|
+
if (i % 3 === 1)
|
|
1149
|
+
return 'B';
|
|
1150
|
+
if (i % 3 === 2)
|
|
1151
|
+
return 'C';
|
|
1152
|
+
return 'A';
|
|
1153
|
+
};
|
|
1154
|
+
return {
|
|
1155
|
+
id: i + 1,
|
|
1156
|
+
order: i,
|
|
1157
|
+
mdid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_MD_ID",
|
|
1158
|
+
mid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_M_ID",
|
|
1159
|
+
membership: {
|
|
1160
|
+
id: i + 1,
|
|
1161
|
+
type: 'GENERAL',
|
|
1162
|
+
mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
|
|
1163
|
+
title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1164
|
+
insertedAt: '2023-01-06T09:05:45',
|
|
1165
|
+
updatedAt: '2023-01-06T09:05:45',
|
|
1166
|
+
membershipCardTemplate: {
|
|
1167
|
+
backgroundImageSrc: cardImage[i],
|
|
1168
|
+
logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
|
|
1169
|
+
overlayType: getOverlayType(),
|
|
1170
|
+
overlayColorPrimary: '#FFC0CB',
|
|
1171
|
+
overlayColorSecondary: '#313131',
|
|
1172
|
+
designSchema: getDesignSchema()
|
|
1173
|
+
},
|
|
1174
|
+
membershipBenefitInfo: {
|
|
1175
|
+
benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1176
|
+
benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
|
|
1177
|
+
benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1178
|
+
benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
|
|
1179
|
+
benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
|
|
1180
|
+
},
|
|
1181
|
+
totalSubscriptionProducts: 3
|
|
1182
|
+
},
|
|
1183
|
+
connectedSubscriptionProducts: Array.from({ length: 5 }, function (_, i) {
|
|
1184
|
+
return {
|
|
1185
|
+
id: i + 1,
|
|
1186
|
+
order: i,
|
|
1187
|
+
connectedMembershipId: i + 1,
|
|
1188
|
+
subscriptionProductId: i + 1,
|
|
1189
|
+
subscriptionProduct: {
|
|
1190
|
+
id: i + 1,
|
|
1191
|
+
type: 'COUPON_ONCE_FINITE',
|
|
1192
|
+
title: '청춘이 황금시대를 우리의 같은 무엇을',
|
|
1193
|
+
alias: "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS",
|
|
1194
|
+
expiryPeriodInDays: 7,
|
|
1195
|
+
isDeactivated: i % 2 === 0,
|
|
1196
|
+
fee: {
|
|
1197
|
+
currency: 'KRW',
|
|
1198
|
+
amount: '10,000'
|
|
1199
|
+
},
|
|
1200
|
+
insertedAt: '2023-01-06T09:05:45',
|
|
1201
|
+
updatedAt: '2023-01-06T09:05:45'
|
|
1202
|
+
}
|
|
1203
|
+
};
|
|
1204
|
+
})
|
|
1205
|
+
};
|
|
1206
|
+
})
|
|
1197
1207
|
}
|
|
1198
|
-
}
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1208
|
+
}
|
|
1209
|
+
}
|
|
1210
|
+
}
|
|
1211
|
+
},
|
|
1212
|
+
insertedAt: '2023-01-30T10:24:35',
|
|
1213
|
+
updatedAt: '2023-01-30T10:24:35'
|
|
1202
1214
|
};
|
|
1203
1215
|
exports.samplePage = [
|
|
1204
1216
|
exports.samplePageIntroSection,
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type DynamicLayout from './DynamicLayout';
|
|
3
|
-
import type { IProgrammedSectionPreviewData } from './types';
|
|
4
3
|
export declare const SampleSectionsMock: React.ComponentProps<typeof DynamicLayout>['sections'];
|
|
5
4
|
export declare const MembershipSectionsMock: React.ComponentProps<typeof DynamicLayout>['sections'];
|
|
6
|
-
export declare const MembershipPreviewDataMock: IProgrammedSectionPreviewData;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.MembershipSectionsMock = exports.SampleSectionsMock = void 0;
|
|
4
4
|
exports.SampleSectionsMock = [
|
|
5
5
|
{
|
|
6
6
|
type: 'DESIGNED',
|
|
@@ -1344,21 +1344,18 @@ exports.MembershipSectionsMock = [
|
|
|
1344
1344
|
updatedAt: '2023-01-12T08:03:48'
|
|
1345
1345
|
},
|
|
1346
1346
|
{
|
|
1347
|
+
display: true,
|
|
1347
1348
|
type: 'PROGRAMMED',
|
|
1348
1349
|
program: 'MEMBERSHIP_DISPLAY',
|
|
1349
|
-
|
|
1350
|
-
dynamicLayoutSectionItems: null,
|
|
1350
|
+
dynamicLayoutSectionItems: [],
|
|
1351
1351
|
id: 6010,
|
|
1352
|
-
insertedAt: '2023-01-06T09:05:45',
|
|
1353
1352
|
manifest: {
|
|
1354
1353
|
availableProperties: [
|
|
1355
1354
|
'title',
|
|
1356
1355
|
'description',
|
|
1357
1356
|
'button_alpha_label',
|
|
1358
1357
|
'button_alpha_link_type',
|
|
1359
|
-
'button_alpha_link_src'
|
|
1360
|
-
'section_content_media_type',
|
|
1361
|
-
'section_content_media_src'
|
|
1358
|
+
'button_alpha_link_src'
|
|
1362
1359
|
],
|
|
1363
1360
|
availableStyles: [
|
|
1364
1361
|
'title_color_in_hex',
|
|
@@ -1377,7 +1374,7 @@ exports.MembershipSectionsMock = [
|
|
|
1377
1374
|
availableTemplates: ['PRG_MEMBERSHIP_DISPLAY_A', 'PRG_MEMBERSHIP_DISPLAY_B'],
|
|
1378
1375
|
schema: 'PRG_MEMBERSHIP_DISPLAY'
|
|
1379
1376
|
},
|
|
1380
|
-
order:
|
|
1377
|
+
order: 8,
|
|
1381
1378
|
properties: {
|
|
1382
1379
|
buttonAlphaLabel: 'Lorem Ipsum',
|
|
1383
1380
|
buttonAlphaLinkSrc: 'https://team.publ.space',
|
|
@@ -1398,126 +1395,139 @@ exports.MembershipSectionsMock = [
|
|
|
1398
1395
|
carouselAutoplayTime: 3,
|
|
1399
1396
|
carouselInfiniteLoopMode: 'NO_USE',
|
|
1400
1397
|
description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
|
|
1401
|
-
itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
|
|
1402
1398
|
sectionContentMediaSrc: '',
|
|
1403
1399
|
sectionContentMediaType: 'IMAGE',
|
|
1404
1400
|
title: 'Lorem Ipsum',
|
|
1405
|
-
multiPurposeUrl: 'https://app.publr.co/'
|
|
1401
|
+
multiPurposeUrl: 'https://app.publr.co/',
|
|
1402
|
+
itemLinkMethod: 'NONE'
|
|
1406
1403
|
},
|
|
1407
1404
|
styles: {
|
|
1408
|
-
backgroundColorInHex: '#
|
|
1405
|
+
backgroundColorInHex: '#4A5D78AB',
|
|
1409
1406
|
backgroundMediaSrc: '',
|
|
1410
1407
|
backgroundMediaType: 'IMAGE',
|
|
1411
1408
|
backgroundOverlayColorInHex: '#FFFFFF00',
|
|
1412
|
-
buttonAlphaBackgroundColorInHex: '#
|
|
1409
|
+
buttonAlphaBackgroundColorInHex: '#313131FF',
|
|
1413
1410
|
buttonAlphaDesignType: 'C',
|
|
1414
1411
|
buttonAlphaLabelColorInHex: '#f5efd9FF',
|
|
1415
|
-
buttonBravoBackgroundColorInHex: '#
|
|
1412
|
+
buttonBravoBackgroundColorInHex: '#313131FF',
|
|
1416
1413
|
buttonBravoDesignType: 'E',
|
|
1417
1414
|
buttonBravoLabelColorInHex: '#FFFFFFFF',
|
|
1418
1415
|
buttonCharlieBackgroundColorInHex: '#465FF000',
|
|
1419
1416
|
buttonCharlieDesignType: 'E',
|
|
1420
1417
|
buttonCharlieLabelColorInHex: '#FFFFFFFF',
|
|
1421
|
-
buttonDeltaBackgroundColorInHex: '#
|
|
1418
|
+
buttonDeltaBackgroundColorInHex: '#313131FF',
|
|
1422
1419
|
buttonDeltaDesignType: 'A',
|
|
1423
1420
|
buttonDeltaLabelColorInHex: '#FFFFFFFF',
|
|
1424
|
-
buttonEchoBackgroundColorInHex: '#
|
|
1421
|
+
buttonEchoBackgroundColorInHex: '#313131FF',
|
|
1425
1422
|
buttonEchoDesignType: 'A',
|
|
1426
1423
|
buttonEchoLabelColorInHex: '#FFFFFFFF',
|
|
1427
|
-
descriptionColorInHex: '#
|
|
1428
|
-
itemButtonBackgroundColorInHex: '#
|
|
1424
|
+
descriptionColorInHex: '#DEECFFA6',
|
|
1425
|
+
itemButtonBackgroundColorInHex: '#313131FF',
|
|
1429
1426
|
itemButtonDesignType: 'A',
|
|
1430
1427
|
itemButtonLabelColorInHex: '#FFFFFFFF',
|
|
1431
1428
|
itemDescriptionColorInHex: '#68686BFF',
|
|
1432
1429
|
itemTitleColorInHex: '#1E1E20FF',
|
|
1433
|
-
|
|
1430
|
+
titleColorInHex: '#DEECFFFF',
|
|
1431
|
+
itemHighlightingColorInHex: '#313131FF',
|
|
1434
1432
|
itemToneType: 'LIGHT',
|
|
1435
|
-
titleColorInHex: '#F8FFACFF',
|
|
1436
1433
|
programmedItemActionButtonTextType: 'A'
|
|
1437
1434
|
},
|
|
1438
|
-
template: '
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1435
|
+
template: 'PRG_MEMBERSHIP_DISPLAY_A',
|
|
1436
|
+
programData: {
|
|
1437
|
+
mdid: 'mdid',
|
|
1438
|
+
preview: {
|
|
1439
|
+
availableResources: ['REAL.MEMBERSHIP_DISPLAY'],
|
|
1440
|
+
resource: {
|
|
1441
|
+
mock: {},
|
|
1442
|
+
real: {
|
|
1443
|
+
membershipDisplay: {
|
|
1444
|
+
id: 1,
|
|
1445
|
+
mdid: "MEMBERSHIP_DISPLAY_MD_ID",
|
|
1446
|
+
title: "MEMBERSHIP_DISPLAY_MD_TITLE",
|
|
1447
|
+
isDefault: true,
|
|
1448
|
+
connectedMemberships: Array.from({ length: 6 }, function (_, i) {
|
|
1449
|
+
var alphabet = ['A', 'B', 'C', 'D', 'E', 'F'];
|
|
1450
|
+
var cardImage = [
|
|
1451
|
+
'https://cdn.dev.publishingkit.net/7f3f7a31-023b-4852-9a11-cbac31d25d93',
|
|
1452
|
+
'https://cdn.dev.publishingkit.net/c8973261-6c2a-4833-9b9f-20ee355647e4',
|
|
1453
|
+
'https://cdn.dev.publishingkit.net/8e585c93-9591-4300-ad93-d002560cbeae',
|
|
1454
|
+
'https://cdn.dev.publishingkit.net/4aaa2811-b3ff-435c-b50a-9486376ab230',
|
|
1455
|
+
'https://cdn.dev.publishingkit.net/5111c33c-07ba-4b91-8eb6-9975f4cd906a',
|
|
1456
|
+
'https://cdn.dev.publishingkit.net/16ac0a8a-acb1-465b-960c-6be66f2a04e8.jpg'
|
|
1457
|
+
];
|
|
1458
|
+
var getOverlayType = function () {
|
|
1459
|
+
if (i % 3 === 1)
|
|
1460
|
+
return 'SOLID';
|
|
1461
|
+
if (i % 3 === 2)
|
|
1462
|
+
return 'GRADIENT';
|
|
1463
|
+
return 'NONE';
|
|
1464
|
+
};
|
|
1465
|
+
var getDesignSchema = function () {
|
|
1466
|
+
if (i % 3 === 1)
|
|
1467
|
+
return 'B';
|
|
1468
|
+
if (i % 3 === 2)
|
|
1469
|
+
return 'C';
|
|
1470
|
+
return 'A';
|
|
1471
|
+
};
|
|
1472
|
+
return {
|
|
1473
|
+
id: i + 1,
|
|
1474
|
+
order: i,
|
|
1475
|
+
mdid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_MD_ID",
|
|
1476
|
+
mid: "CONNECTED_MEMBERSHIPS_" + alphabet[i] + "_M_ID",
|
|
1477
|
+
membership: {
|
|
1478
|
+
id: i + 1,
|
|
1479
|
+
type: 'GENERAL',
|
|
1480
|
+
mid: "MEMBERSHIP_" + alphabet[i] + "_MID",
|
|
1481
|
+
title: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1482
|
+
insertedAt: '2023-01-06T09:05:45',
|
|
1483
|
+
updatedAt: '2023-01-06T09:05:45',
|
|
1484
|
+
membershipCardTemplate: {
|
|
1485
|
+
backgroundImageSrc: cardImage[i],
|
|
1486
|
+
logoImageSrc: 'https://publ-upload-local.s3.ap-northeast-2.amazonaws.com/e11d1a92-a1c0-4faa-b341-13a32f21828d_image',
|
|
1487
|
+
overlayType: getOverlayType(),
|
|
1488
|
+
overlayColorPrimary: '#FFC0CB',
|
|
1489
|
+
overlayColorSecondary: '#313131',
|
|
1490
|
+
designSchema: getDesignSchema()
|
|
1491
|
+
},
|
|
1492
|
+
membershipBenefitInfo: {
|
|
1493
|
+
benefitAlpha: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1494
|
+
benefitBravo: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
|
|
1495
|
+
benefitCharlie: '청춘이 황금시대를 우리의 같은 무엇을 쓸쓸한 돋고, 장식하는 칼이다. 동산에는 투명하되!',
|
|
1496
|
+
benefitDelta: 'Lorem ipsum dolor sit amet. Et magnam molestiae.',
|
|
1497
|
+
benefitEcho: 'Lorem ipsum dolor sit amet. Et magnam molestiae.'
|
|
1498
|
+
},
|
|
1499
|
+
totalSubscriptionProducts: 3
|
|
1500
|
+
},
|
|
1501
|
+
connectedSubscriptionProducts: Array.from({ length: 5 }, function (_, i) {
|
|
1502
|
+
return {
|
|
1503
|
+
id: i + 1,
|
|
1504
|
+
order: i,
|
|
1505
|
+
connectedMembershipId: i + 1,
|
|
1506
|
+
subscriptionProductId: i + 1,
|
|
1507
|
+
subscriptionProduct: {
|
|
1508
|
+
id: i + 1,
|
|
1509
|
+
type: 'COUPON_ONCE_FINITE',
|
|
1510
|
+
title: '청춘이 황금시대를 우리의 같은 무엇을',
|
|
1511
|
+
alias: "CONNECTED_SUBSCRIPTION_PRODUCTS_" + alphabet[i] + "_ALIAS",
|
|
1512
|
+
expiryPeriodInDays: 7,
|
|
1513
|
+
isDeactivated: i % 2 === 0,
|
|
1514
|
+
fee: {
|
|
1515
|
+
currency: 'KRW',
|
|
1516
|
+
amount: '10,000'
|
|
1517
|
+
},
|
|
1518
|
+
insertedAt: '2023-01-06T09:05:45',
|
|
1519
|
+
updatedAt: '2023-01-06T09:05:45'
|
|
1520
|
+
}
|
|
1521
|
+
};
|
|
1522
|
+
})
|
|
1523
|
+
};
|
|
1524
|
+
})
|
|
1517
1525
|
}
|
|
1518
|
-
}
|
|
1519
|
-
}
|
|
1520
|
-
}
|
|
1521
|
-
}
|
|
1526
|
+
}
|
|
1527
|
+
}
|
|
1528
|
+
}
|
|
1529
|
+
},
|
|
1530
|
+
insertedAt: '2023-01-30T10:24:35',
|
|
1531
|
+
updatedAt: '2023-01-30T10:24:35'
|
|
1522
1532
|
}
|
|
1523
|
-
|
|
1533
|
+
];
|
|
@@ -30,34 +30,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
30
30
|
};
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var react_1 = require("react");
|
|
34
33
|
var components_1 = require("../../../../DynamicLayout/components");
|
|
35
|
-
var dynamicLayoutContext_1 = require("../../../../DynamicLayout/dynamicLayoutContext");
|
|
36
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
37
35
|
var templates_1 = require("./templates");
|
|
38
36
|
function EditTypeMembershipSection(_a) {
|
|
39
37
|
var props = __rest(_a, []);
|
|
40
38
|
var template = props.template;
|
|
41
|
-
|
|
42
|
-
if (!programmedSectionPreviewData) {
|
|
43
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
44
|
-
}
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Membership" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: template, programmedSectionPreviewData: programmedSectionPreviewData }, void 0) }), void 0) }), void 0));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Membership" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: template }, void 0) }), void 0) }), void 0));
|
|
46
40
|
}
|
|
47
41
|
var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
48
42
|
function TemplateMather(_a) {
|
|
49
|
-
var styleTemplate = _a.styleTemplate
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
58
|
-
}
|
|
43
|
+
var styleTemplate = _a.styleTemplate;
|
|
44
|
+
switch (styleTemplate) {
|
|
45
|
+
case 'PRG_MEMBERSHIP_DISPLAY_A':
|
|
46
|
+
return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
|
|
47
|
+
case 'PRG_MEMBERSHIP_DISPLAY_B':
|
|
48
|
+
return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, {}, void 0);
|
|
49
|
+
default:
|
|
50
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
59
51
|
}
|
|
60
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
61
52
|
}
|
|
62
53
|
exports.default = EditTypeMembershipSection;
|
|
63
54
|
var templateObject_1;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
declare type Props = {
|
|
4
|
-
membershipDisplay: IMembershipDisplay;
|
|
5
|
-
};
|
|
6
|
-
declare function TemplateA({ membershipDisplay }: Props): JSX.Element;
|
|
2
|
+
declare function TemplateA(): JSX.Element;
|
|
7
3
|
export default TemplateA;
|
|
@@ -2,15 +2,23 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
+
var Section_1 = require("../../../../../../DynamicLayout/components/Section");
|
|
5
6
|
var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
|
|
6
7
|
var desktop_1 = require("./desktop");
|
|
7
8
|
var mobile_1 = require("./mobile");
|
|
8
|
-
function TemplateA(
|
|
9
|
-
var membershipDisplay = _a.membershipDisplay;
|
|
9
|
+
function TemplateA() {
|
|
10
10
|
var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
|
|
11
|
+
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
|
12
|
+
if (!section) {
|
|
13
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
14
|
+
}
|
|
15
|
+
var programData = section.programData;
|
|
16
|
+
if (!programData || !programData.preview.resource.real.membershipDisplay) {
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
18
|
+
}
|
|
11
19
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
|
|
12
|
-
MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, { membershipDisplay: membershipDisplay }, void 0),
|
|
13
|
-
DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, { membershipDisplay: membershipDisplay }, void 0)
|
|
20
|
+
MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0)),
|
|
21
|
+
DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0))
|
|
14
22
|
}[device] }, void 0));
|
|
15
23
|
}
|
|
16
24
|
exports.default = TemplateA;
|
|
@@ -33,7 +33,7 @@ function MembershipPlanSheet(_a) {
|
|
|
33
33
|
display: 'flex',
|
|
34
34
|
cursor: 'pointer',
|
|
35
35
|
backgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor
|
|
36
|
-
} }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [subscriptionProduct.type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: subscriptionProduct.type, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", lineLimit: 2, wordBreak: "break_all", ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), subscriptionProduct.title && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: subscriptionProduct.title, styleTheme: "body2Bold", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, wordBreak: "break_all", textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t('str_5339', { price: subscriptionProduct.fee }), customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconName: "ic_arrow_down", iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: itemHighlightingColorInHex, buttonTextColor: "#FDFDFDFF", programmedItemActionButtonTextType: programmedItemActionButtonTextType }, void 0)] }, void 0));
|
|
36
|
+
} }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [subscriptionProduct.type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: subscriptionProduct.type, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", lineLimit: 2, wordBreak: "break_all", ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), subscriptionProduct.title && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: subscriptionProduct.title, styleTheme: "body2Bold", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, wordBreak: "break_all", textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t('str_5339', { price: subscriptionProduct.fee.amount }), customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconName: "ic_arrow_down", iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: itemHighlightingColorInHex, buttonTextColor: "#FDFDFDFF", programmedItemActionButtonTextType: programmedItemActionButtonTextType }, void 0)] }, void 0));
|
|
37
37
|
}
|
|
38
38
|
var S_MembershipInfoTitle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
39
39
|
var S_MembershipInfoBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
declare type Props = {
|
|
4
|
-
membershipDisplay: IMembershipDisplay;
|
|
5
|
-
};
|
|
6
|
-
declare function TemplateB({ membershipDisplay }: Props): JSX.Element;
|
|
2
|
+
declare function TemplateB(): JSX.Element;
|
|
7
3
|
export default TemplateB;
|
|
@@ -2,15 +2,23 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
+
var Section_1 = require("../../../../../../DynamicLayout/components/Section");
|
|
5
6
|
var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
|
|
6
7
|
var desktop_1 = require("./desktop");
|
|
7
8
|
var mobile_1 = require("./mobile");
|
|
8
|
-
function TemplateB(
|
|
9
|
-
var membershipDisplay = _a.membershipDisplay;
|
|
9
|
+
function TemplateB() {
|
|
10
10
|
var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
|
|
11
|
+
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
|
12
|
+
if (!section) {
|
|
13
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
14
|
+
}
|
|
15
|
+
var programData = section.programData;
|
|
16
|
+
if (!programData || !programData.preview.resource.real.membershipDisplay) {
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
18
|
+
}
|
|
11
19
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
|
|
12
|
-
MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, { membershipDisplay: membershipDisplay }, void 0),
|
|
13
|
-
DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, { membershipDisplay: membershipDisplay }, void 0)
|
|
20
|
+
MOBILE: ((0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0)),
|
|
21
|
+
DESKTOP: ((0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, { membershipDisplay: programData.preview.resource.real.membershipDisplay }, void 0))
|
|
14
22
|
}[device] }, void 0));
|
|
15
23
|
}
|
|
16
24
|
exports.default = TemplateB;
|
|
@@ -33,7 +33,7 @@ function MembershipPlanSheet(_a) {
|
|
|
33
33
|
display: 'flex',
|
|
34
34
|
cursor: 'pointer',
|
|
35
35
|
backgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor
|
|
36
|
-
} }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [subscriptionProduct.type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: subscriptionProduct.type, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", lineLimit: 2, ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), subscriptionProduct.title && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: subscriptionProduct.title, styleTheme: "body2Bold", wordBreak: "break_all", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t('str_5339', { price: subscriptionProduct.fee }), customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, iconName: "ic_arrow_down" }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: itemHighlightingColorInHex, buttonTextColor: "#FDFDFDFF", programmedItemActionButtonTextType: programmedItemActionButtonTextType }, void 0)] }, void 0));
|
|
36
|
+
} }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [subscriptionProduct.type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: subscriptionProduct.type, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", lineLimit: 2, ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), subscriptionProduct.title && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: subscriptionProduct.title, styleTheme: "body2Bold", wordBreak: "break_all", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t('str_5339', { price: subscriptionProduct.fee.amount }), customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, iconName: "ic_arrow_down" }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: itemHighlightingColorInHex, buttonTextColor: "#FDFDFDFF", programmedItemActionButtonTextType: programmedItemActionButtonTextType }, void 0)] }, void 0));
|
|
37
37
|
}
|
|
38
38
|
var S_MembershipInfoTitle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
39
39
|
var S_MembershipInfoBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
@@ -39,8 +39,31 @@ export interface ISection {
|
|
|
39
39
|
program?: 'MEMBERSHIP_DISPLAY';
|
|
40
40
|
programData?: {
|
|
41
41
|
mdid: string;
|
|
42
|
+
preview: {
|
|
43
|
+
availableResources: ['REAL.MEMBERSHIP_DISPLAY'];
|
|
44
|
+
resource: {
|
|
45
|
+
mock: Record<string, never>;
|
|
46
|
+
real: {
|
|
47
|
+
membershipDisplay: IMembershipDisplay;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
42
51
|
};
|
|
43
52
|
}
|
|
53
|
+
export interface SubscriptionProductInList {
|
|
54
|
+
id: number;
|
|
55
|
+
type: SubscriptionProductType;
|
|
56
|
+
title: string;
|
|
57
|
+
alias: string;
|
|
58
|
+
expiryPeriodInDays: ExpiryPeriodInDaysType;
|
|
59
|
+
isDeactivated: boolean;
|
|
60
|
+
fee: {
|
|
61
|
+
currency: 'KRW' | 'USD';
|
|
62
|
+
amount: string;
|
|
63
|
+
};
|
|
64
|
+
insertedAt: string;
|
|
65
|
+
updatedAt: string;
|
|
66
|
+
}
|
|
44
67
|
export interface ISectionProperties {
|
|
45
68
|
title: string;
|
|
46
69
|
description: string;
|
|
@@ -191,7 +214,6 @@ export declare type DynamicLayoutProps = {
|
|
|
191
214
|
onClickEditSection?: (section: ISection) => void;
|
|
192
215
|
sectionActionHandler?: (action: TypeOfSectionAction) => void;
|
|
193
216
|
programmedSectionComponents?: IProgrammedSectionComponents;
|
|
194
|
-
programmedSectionPreviewData?: IProgrammedSectionPreviewData;
|
|
195
217
|
};
|
|
196
218
|
declare type SubscriptionProductType = 'FREE_INFINITE' | 'FREE_FINITE' | 'ONCE_INFINITE' | 'ONCE_FINITE' | 'COUPON_FREE_INFINITE' | 'COUPON_FREE_FINITE' | 'COUPON_ONCE_INFINITE' | 'COUPON_ONCE_FINITE' | 'SUBSCRIPTION_30DAYS' | 'SUBSCRIPTION_90DAYS' | 'SUBSCRIPTION_180DAYS' | 'SUBSCRIPTION_365DAYS';
|
|
197
219
|
declare type ExpiryPeriodInDaysType = 1 | 3 | 7 | 14 | 30;
|
|
@@ -222,7 +244,10 @@ export declare type IConnectedSubscriptionProducts = {
|
|
|
222
244
|
alias: string;
|
|
223
245
|
expiryPeriodInDays: ExpiryPeriodInDaysType;
|
|
224
246
|
isDeactivated: boolean;
|
|
225
|
-
fee:
|
|
247
|
+
fee: {
|
|
248
|
+
currency: 'KRW' | 'USD';
|
|
249
|
+
amount: string;
|
|
250
|
+
};
|
|
226
251
|
insertedAt: string;
|
|
227
252
|
updatedAt: string;
|
|
228
253
|
};
|
|
@@ -256,6 +281,3 @@ export declare type IMembershipDisplay = {
|
|
|
256
281
|
isDefault: boolean;
|
|
257
282
|
connectedMemberships: IConnectedMembership[];
|
|
258
283
|
};
|
|
259
|
-
export declare type IProgrammedSectionPreviewData = {
|
|
260
|
-
MEMBERSHIP_DISPLAY?: IMembershipDisplay;
|
|
261
|
-
};
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v2.0.9-alpha.
|
|
2
|
+
## [v2.0.9-alpha.2]
|
|
3
3
|
|
|
4
4
|
## alpha|https://staging.storybook.publ.biz/
|
|
5
5
|
|
|
6
6
|
### sub
|
|
7
7
|
* DynamicLayout
|
|
8
|
-
*
|
|
8
|
+
* ISection 인터페이스 수정
|
|
9
|
+
### Color
|
|
10
|
+
* 컬러 키 값 23.04.20 17시 40분 기준 싱크
|