pds-dev-kit-web 2.0.9-alpha.3 → 2.0.9-alpha.5
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/src/common/services/i18n/resources/en.json +17 -1
- package/dist/src/common/services/i18n/resources/es.json +17 -1
- package/dist/src/common/services/i18n/resources/fil.json +17 -1
- package/dist/src/common/services/i18n/resources/index.d.ts +112 -0
- package/dist/src/common/services/i18n/resources/ja.json +17 -1
- package/dist/src/common/services/i18n/resources/ko.json +17 -1
- package/dist/src/common/services/i18n/resources/zh-cn.json +17 -1
- package/dist/src/common/services/i18n/resources/zh-tw.json +17 -1
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
- package/dist/src/common/styles/colorSet/SemanticColor.json +5 -1
- package/dist/src/common/styles/colorSet/UIColor.json +3 -1
- package/dist/src/common/styles/colorSet/index.d.ts +12 -2
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +1 -2
- package/dist/src/sub/DynamicLayout/mock_samplePage.js +17 -11
- package/dist/src/sub/DynamicLayout/mock_storybook.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/mock_storybook.js +784 -11
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.js +35 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipPlanSheet.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipPlanSheet.js +32 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js +35 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +3 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +4 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +8 -6
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +3 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.js +4 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js +37 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +5 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.js +22 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipPlanSheet.d.ts +7 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipPlanSheet.js +32 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js +35 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +2 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +14 -12
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +2 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.js +3 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +53 -0
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +7 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +20 -15
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +5 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +17 -15
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +8 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js +31 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/types.d.ts +1 -1
- package/package.json +1 -1
- package/release-note.md +4 -3
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.d.ts +0 -7
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js +0 -48
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.js +0 -80
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.js +0 -27
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.js +0 -39
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.js +0 -8
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.js +0 -8
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/index.js +0 -5
|
@@ -215,7 +215,7 @@ export declare type DynamicLayoutProps = {
|
|
|
215
215
|
sectionActionHandler?: (action: TypeOfSectionAction) => void;
|
|
216
216
|
programmedSectionComponents?: IProgrammedSectionComponents;
|
|
217
217
|
};
|
|
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';
|
|
218
|
+
export 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';
|
|
219
219
|
declare type ExpiryPeriodInDaysType = 1 | 3 | 7 | 14 | 30;
|
|
220
220
|
export declare type IMembershipCardTemplate = {
|
|
221
221
|
backgroundImageSrc: string;
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v2.0.9-alpha.
|
|
2
|
+
## [v2.0.9-alpha.5]
|
|
3
3
|
|
|
4
4
|
## alpha|https://staging.storybook.publ.biz/
|
|
5
5
|
|
|
6
6
|
### sub
|
|
7
7
|
* DynamicLayout
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* membership section 디자인 수정
|
|
9
|
+
### Color
|
|
10
|
+
* 컬러 키 값 23.04.26 11시 49분 기준 싱크
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ISection } from '../../../../../DynamicLayout/types';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
filteredSortedSection: ISection[];
|
|
5
|
-
};
|
|
6
|
-
declare function GlobalFixedOverlay({ filteredSortedSection }: Props): JSX.Element;
|
|
7
|
-
export default GlobalFixedOverlay;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
-
var react_1 = require("react");
|
|
12
|
-
var Section_1 = require("../../../../../DynamicLayout/components/Section");
|
|
13
|
-
var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
|
|
14
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
15
|
-
var MembershipSectionGlobalFixedOverlay_1 = require("./MembershipSectionGlobalFixedOverlay");
|
|
16
|
-
function GlobalFixedOverlay(_a) {
|
|
17
|
-
var filteredSortedSection = _a.filteredSortedSection;
|
|
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) {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
22
|
-
}
|
|
23
|
-
var programmedSectionPreviewData = section.programData.preview.resources.real.membershipDisplay;
|
|
24
|
-
var showMembershipFixedOverlay = getShowMembershipFixedOverlay({
|
|
25
|
-
filteredSortedSection: filteredSortedSection,
|
|
26
|
-
programmedSectionPreviewData: programmedSectionPreviewData,
|
|
27
|
-
device: device
|
|
28
|
-
});
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(S_GlobalFixedOverlay, { children: showMembershipFixedOverlay && ((0, jsx_runtime_1.jsx)(MembershipSectionGlobalFixedOverlay_1.MembershipSectionGlobalFixedOverlay, { orderedConnectedMemberships: showMembershipFixedOverlay.orderedConnectedMemberships, membershipSectionStyle: showMembershipFixedOverlay.membershipSectionStyle }, void 0)) }, void 0));
|
|
30
|
-
}
|
|
31
|
-
var S_GlobalFixedOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
32
|
-
function getShowMembershipFixedOverlay(_a) {
|
|
33
|
-
var filteredSortedSection = _a.filteredSortedSection, programmedSectionPreviewData = _a.programmedSectionPreviewData, device = _a.device;
|
|
34
|
-
var membershipSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'PRG_MEMBERSHIP_DISPLAY'; });
|
|
35
|
-
if (!programmedSectionPreviewData || !membershipSection || device !== 'MOBILE') {
|
|
36
|
-
return null;
|
|
37
|
-
}
|
|
38
|
-
var connectedMemberships = programmedSectionPreviewData.connectedMemberships;
|
|
39
|
-
var styles = membershipSection.styles;
|
|
40
|
-
var orderedConnectedMemberships = connectedMemberships.sort(function (a, b) { return a.order - b.order; });
|
|
41
|
-
var showMembershipFixedOverlay = {
|
|
42
|
-
orderedConnectedMemberships: orderedConnectedMemberships,
|
|
43
|
-
membershipSectionStyle: styles
|
|
44
|
-
};
|
|
45
|
-
return showMembershipFixedOverlay;
|
|
46
|
-
}
|
|
47
|
-
exports.default = GlobalFixedOverlay;
|
|
48
|
-
var templateObject_1;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { IConnectedMembership, ISectionStyles } from '../../../../../../DynamicLayout/types';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
orderedConnectedMemberships: IConnectedMembership[];
|
|
5
|
-
membershipSectionStyle: ISectionStyles;
|
|
6
|
-
};
|
|
7
|
-
declare function MembershipSectionGlobalFixedOverlay({ orderedConnectedMemberships, membershipSectionStyle }: Props): JSX.Element;
|
|
8
|
-
export default MembershipSectionGlobalFixedOverlay;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
|
-
var react_1 = require("react");
|
|
23
|
-
var react_i18next_1 = require("react-i18next");
|
|
24
|
-
var SectionSheet_1 = require("../../../../../../../mobile/panels/SectionSheet");
|
|
25
|
-
var components_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/components");
|
|
26
|
-
var constants_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
|
27
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
28
|
-
var MembershipSectionGlobalFixedOverlayMembershipList_1 = __importDefault(require("./MembershipSectionGlobalFixedOverlayMembershipList"));
|
|
29
|
-
function MembershipSectionGlobalFixedOverlay(_a) {
|
|
30
|
-
var orderedConnectedMemberships = _a.orderedConnectedMemberships, membershipSectionStyle = _a.membershipSectionStyle;
|
|
31
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
32
|
-
var _b = (0, react_1.useState)(false), isBottomSheetOpen = _b[0], setIsBottomSheetOpen = _b[1];
|
|
33
|
-
var _c = (0, react_1.useState)(0), currentIndex = _c[0], setCurrentIndex = _c[1];
|
|
34
|
-
var connectedSubscriptionProducts = orderedConnectedMemberships[currentIndex].connectedSubscriptionProducts;
|
|
35
|
-
var itemHighlightingColorInHex = membershipSectionStyle.itemHighlightingColorInHex, itemToneType = membershipSectionStyle.itemToneType, programmedItemActionButtonTextType = membershipSectionStyle.programmedItemActionButtonTextType;
|
|
36
|
-
var handlePrevMembershipClick = function () {
|
|
37
|
-
if (currentIndex === 0) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
setCurrentIndex(currentIndex - 1);
|
|
41
|
-
};
|
|
42
|
-
var handleNextMembershipClick = function () {
|
|
43
|
-
if (currentIndex === orderedConnectedMemberships.length - 1) {
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
setCurrentIndex(currentIndex + 1);
|
|
47
|
-
};
|
|
48
|
-
var handleBottomSheetOpen = function () {
|
|
49
|
-
setIsBottomSheetOpen(true);
|
|
50
|
-
};
|
|
51
|
-
var handleBottomSheetClose = function () {
|
|
52
|
-
setIsBottomSheetOpen(false);
|
|
53
|
-
};
|
|
54
|
-
var bottomSheetButtonText = (0, react_1.useMemo)(function () {
|
|
55
|
-
if (!isBottomSheetOpen) {
|
|
56
|
-
return { A: 'str_5350', B: 'str_5351', C: 'str_5352', D: 'str_5353', E: 'str_5354' }[programmedItemActionButtonTextType];
|
|
57
|
-
}
|
|
58
|
-
return connectedSubscriptionProducts.length > 0
|
|
59
|
-
? t('str_5339', {
|
|
60
|
-
price: connectedSubscriptionProducts[0].subscriptionProduct.fee.amount
|
|
61
|
-
})
|
|
62
|
-
: t('str_5300');
|
|
63
|
-
}, [isBottomSheetOpen, programmedItemActionButtonTextType, connectedSubscriptionProducts]);
|
|
64
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(SectionSheet_1.SectionSheet, __assign({ width: "100%", height: "auto", overrideCSS: {
|
|
65
|
-
backgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetBackgroundColor,
|
|
66
|
-
borderTopLeftRadius: '24px',
|
|
67
|
-
borderTopRightRadius: '24px',
|
|
68
|
-
bottom: '0',
|
|
69
|
-
left: '0',
|
|
70
|
-
position: 'fixed',
|
|
71
|
-
boxShadow: '0 0 14px rgba(0,0,0,0.2)',
|
|
72
|
-
zIndex: 100
|
|
73
|
-
} }, { children: [(0, jsx_runtime_1.jsx)("div", { children: isBottomSheetOpen && orderedConnectedMemberships.length > 0 && ((0, jsx_runtime_1.jsx)(MembershipSectionGlobalFixedOverlayMembershipList_1.default, { currentMembership: orderedConnectedMemberships[currentIndex], isFirstItem: currentIndex === 0, isLastItem: currentIndex === orderedConnectedMemberships.length - 1, itemToneType: itemToneType, handlePrevMembershipClick: handlePrevMembershipClick, handleNextMembershipClick: handleNextMembershipClick }, void 0)) }, void 0), (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: itemHighlightingColorInHex, buttonTextColor: "#FDFDFDFF", buttonText: bottomSheetButtonText, onClick: handleBottomSheetOpen }, void 0)] }), void 0), isBottomSheetOpen && (0, jsx_runtime_1.jsx)(S_DimCover, { onClick: handleBottomSheetClose }, void 0)] }, void 0));
|
|
74
|
-
}
|
|
75
|
-
var S_DimCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n z-index: 11;\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n z-index: 11;\n"])), function (_a) {
|
|
76
|
-
var theme = _a.theme;
|
|
77
|
-
return theme.ui_pages_section_dimmed;
|
|
78
|
-
});
|
|
79
|
-
exports.default = MembershipSectionGlobalFixedOverlay;
|
|
80
|
-
var templateObject_1;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../DynamicLayout/types';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
currentMembership: IConnectedMembership;
|
|
5
|
-
isFirstItem: boolean;
|
|
6
|
-
isLastItem: boolean;
|
|
7
|
-
itemToneType: TypeOfItemToneType;
|
|
8
|
-
handlePrevMembershipClick: () => void;
|
|
9
|
-
handleNextMembershipClick: () => void;
|
|
10
|
-
};
|
|
11
|
-
declare function MembershipSectionGlobalFixedOverlayMembershipList({ currentMembership, isFirstItem, isLastItem, itemToneType, handlePrevMembershipClick, handleNextMembershipClick }: Props): JSX.Element;
|
|
12
|
-
export default MembershipSectionGlobalFixedOverlayMembershipList;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
-
var pdsOriginal_1 = require("../../../../../../DynamicLayout/components/pdsOriginal");
|
|
12
|
-
var components_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/components");
|
|
13
|
-
var constants_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
|
14
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
15
|
-
var MembershipSectionGlobalFixedOverlayPlanSheet_1 = __importDefault(require("./MembershipSectionGlobalFixedOverlayPlanSheet"));
|
|
16
|
-
function MembershipSectionGlobalFixedOverlayMembershipList(_a) {
|
|
17
|
-
var currentMembership = _a.currentMembership, isFirstItem = _a.isFirstItem, isLastItem = _a.isLastItem, itemToneType = _a.itemToneType, handlePrevMembershipClick = _a.handlePrevMembershipClick, handleNextMembershipClick = _a.handleNextMembershipClick;
|
|
18
|
-
var membership = currentMembership.membership, connectedSubscriptionProducts = currentMembership.connectedSubscriptionProducts;
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(S_MembershipList, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipCard, { children: [(0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.IconButton, { iconButtonBorderColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBorderColor, iconButtonBackgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBackgroundColor, iconButtonDisabledBackgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledBackgroundColor, iconButtonDisabledIconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledIconColor, iconButtonIconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonIconColor, iconName: "ic_arrow_left", isDisabled: isFirstItem, onClick: handlePrevMembershipClick, state: isFirstItem ? 'disabled' : 'normal' }, void 0), (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.MembershipCard, { membershipCardTemplate: membership.membershipCardTemplate, cardWidth: 120 }, void 0), (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.IconButton, { iconButtonBorderColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBorderColor, iconButtonBackgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBackgroundColor, iconButtonDisabledBackgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledBackgroundColor, iconButtonDisabledIconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledIconColor, iconButtonIconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonIconColor, iconName: "ic_arrow_right", isDisabled: isLastItem, onClick: handleNextMembershipClick, state: isLastItem ? 'disabled' : 'normal' }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.Title, { text: membership.title, textAlign: "center", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, styleTheme: "leadParaBold" }, void 0), (0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(MembershipSectionGlobalFixedOverlayPlanSheet_1.default, { connectedSubscriptionProducts: connectedSubscriptionProducts, itemToneType: itemToneType }, void 0)] }, void 0));
|
|
20
|
-
}
|
|
21
|
-
var S_MembershipList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n position: relative;\n width: 100%;\n"], ["\n margin-bottom: ", ";\n position: relative;\n width: 100%;\n"])), function (_a) {
|
|
22
|
-
var theme = _a.theme;
|
|
23
|
-
return theme.spacing.spacingD;
|
|
24
|
-
});
|
|
25
|
-
var S_MembershipCard = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n"], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n"])));
|
|
26
|
-
exports.default = MembershipSectionGlobalFixedOverlayMembershipList;
|
|
27
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { IConnectedSubscriptionProducts, TypeOfItemToneType } from '../../../../../../DynamicLayout/types';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
connectedSubscriptionProducts: IConnectedSubscriptionProducts[];
|
|
5
|
-
itemToneType: TypeOfItemToneType;
|
|
6
|
-
};
|
|
7
|
-
declare function MembershipPlanSheet({ connectedSubscriptionProducts, itemToneType }: Props): JSX.Element;
|
|
8
|
-
export default MembershipPlanSheet;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
|
-
var react_i18next_1 = require("react-i18next");
|
|
23
|
-
var panels_1 = require("../../../../../../../desktop/panels");
|
|
24
|
-
var pdsOriginal_1 = require("../../../../../../DynamicLayout/components/pdsOriginal");
|
|
25
|
-
var components_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/components");
|
|
26
|
-
var constants_1 = require("../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
|
27
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
28
|
-
function MembershipPlanSheet(_a) {
|
|
29
|
-
var connectedSubscriptionProducts = _a.connectedSubscriptionProducts, itemToneType = _a.itemToneType;
|
|
30
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(panels_1.ContentSheet, __assign({ width: "100%", height: "auto", shapeType: "round", overrideCSS: {
|
|
32
|
-
backgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor,
|
|
33
|
-
display: 'flex'
|
|
34
|
-
} }, { children: connectedSubscriptionProducts.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.Title, { text: connectedSubscriptionProducts[0].subscriptionProduct.type || '', styleTheme: "body2Regular", textAlign: "left", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, lineLimit: 2, wordBreak: "break_all", ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(pdsOriginal_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.Description, { text: connectedSubscriptionProducts[0].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.M_MembershipSectionItem.ColorOverrideIcon, { iconName: "ic_arrow_down", iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor }, void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(S_ListEmptyMessageWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.M_MembershipSectionItem.Title, { text: t('str_5300'), styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", lineLimit: 2, ellipsisMode: "use" }, void 0) }, void 0)) }), void 0));
|
|
35
|
-
}
|
|
36
|
-
var S_MembershipInfoBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
37
|
-
var S_ListEmptyMessageWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 49px;\n"], ["\n align-items: center;\n display: flex;\n height: 49px;\n"])));
|
|
38
|
-
exports.default = MembershipPlanSheet;
|
|
39
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as MembershipSectionGlobalFixedOverlay } from './MembershipSectionGlobalFixedOverlay';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.MembershipSectionGlobalFixedOverlay = void 0;
|
|
7
|
-
var MembershipSectionGlobalFixedOverlay_1 = require("./MembershipSectionGlobalFixedOverlay");
|
|
8
|
-
Object.defineProperty(exports, "MembershipSectionGlobalFixedOverlay", { enumerable: true, get: function () { return __importDefault(MembershipSectionGlobalFixedOverlay_1).default; } });
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as GlobalFixedOverlay } from './GlobalFixedOverlay';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.GlobalFixedOverlay = void 0;
|
|
7
|
-
var GlobalFixedOverlay_1 = require("./GlobalFixedOverlay");
|
|
8
|
-
Object.defineProperty(exports, "GlobalFixedOverlay", { enumerable: true, get: function () { return __importDefault(GlobalFixedOverlay_1).default; } });
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { GlobalFixedOverlay } from './GlobalFixedOverlay';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.GlobalFixedOverlay = void 0;
|
|
4
|
-
var GlobalFixedOverlay_1 = require("./GlobalFixedOverlay");
|
|
5
|
-
Object.defineProperty(exports, "GlobalFixedOverlay", { enumerable: true, get: function () { return GlobalFixedOverlay_1.GlobalFixedOverlay; } });
|