pds-dev-kit-web 2.0.9-alpha.4 → 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.
Files changed (75) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +17 -1
  2. package/dist/src/common/services/i18n/resources/es.json +17 -1
  3. package/dist/src/common/services/i18n/resources/fil.json +17 -1
  4. package/dist/src/common/services/i18n/resources/index.d.ts +112 -0
  5. package/dist/src/common/services/i18n/resources/ja.json +17 -1
  6. package/dist/src/common/services/i18n/resources/ko.json +17 -1
  7. package/dist/src/common/services/i18n/resources/zh-cn.json +17 -1
  8. package/dist/src/common/services/i18n/resources/zh-tw.json +17 -1
  9. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
  10. package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
  11. package/dist/src/common/styles/colorSet/SemanticColor.json +5 -1
  12. package/dist/src/common/styles/colorSet/UIColor.json +3 -1
  13. package/dist/src/common/styles/colorSet/index.d.ts +12 -2
  14. package/dist/src/common/styles/colorSet/index.js +2 -2
  15. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  16. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +1 -2
  17. package/dist/src/sub/DynamicLayout/mock_samplePage.js +17 -11
  18. package/dist/src/sub/DynamicLayout/mock_storybook.d.ts +3 -0
  19. package/dist/src/sub/DynamicLayout/mock_storybook.js +784 -11
  20. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.js +32 -4
  21. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipPlanSheet.d.ts +7 -0
  22. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipPlanSheet.js +32 -0
  23. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.d.ts +3 -0
  24. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js +35 -0
  25. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +1 -1
  26. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +3 -5
  27. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +4 -2
  28. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +8 -6
  29. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +3 -1
  30. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +1 -4
  31. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +1 -4
  32. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.js +3 -2
  33. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.d.ts +3 -0
  34. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js +37 -0
  35. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.js +1 -4
  36. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +5 -4
  37. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.js +21 -4
  38. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipPlanSheet.d.ts +7 -0
  39. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipPlanSheet.js +32 -0
  40. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.d.ts +3 -0
  41. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js +35 -0
  42. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +2 -1
  43. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +14 -12
  44. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +2 -1
  45. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +3 -2
  46. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +1 -4
  47. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.js +2 -1
  48. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.d.ts +3 -0
  49. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +53 -0
  50. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.js +1 -4
  51. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +1 -4
  52. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +7 -5
  53. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +20 -15
  54. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +5 -4
  55. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +17 -15
  56. package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +8 -1
  57. package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js +31 -3
  58. package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.d.ts +1 -1
  59. package/dist/src/sub/DynamicLayout/types.d.ts +1 -1
  60. package/package.json +1 -1
  61. package/release-note.md +4 -2
  62. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.d.ts +0 -7
  63. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/GlobalFixedOverlay.js +0 -43
  64. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.d.ts +0 -8
  65. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlay.js +0 -80
  66. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.d.ts +0 -12
  67. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayMembershipList.js +0 -27
  68. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.d.ts +0 -8
  69. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/MembershipSectionGlobalFixedOverlayPlanSheet.js +0 -39
  70. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.d.ts +0 -1
  71. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/MembershipSectionGlobalFixedOverlay/index.js +0 -8
  72. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.d.ts +0 -1
  73. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/GlobalFixedOverlay/index.js +0 -8
  74. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/components/index.d.ts +0 -1
  75. 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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.9-alpha.4",
3
+ "version": "2.0.9-alpha.5",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,10 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.9-alpha.4]
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
- * readonly 객체 수정 시도 에러 픽스
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,43 +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 dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
13
- var styled_components_1 = __importDefault(require("styled-components"));
14
- var MembershipSectionGlobalFixedOverlay_1 = require("./MembershipSectionGlobalFixedOverlay");
15
- function GlobalFixedOverlay(_a) {
16
- var filteredSortedSection = _a.filteredSortedSection;
17
- var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
18
- var showMembershipFixedOverlay = getShowMembershipFixedOverlay({
19
- filteredSortedSection: filteredSortedSection,
20
- device: device
21
- });
22
- 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));
23
- }
24
- var S_GlobalFixedOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
25
- function getShowMembershipFixedOverlay(_a) {
26
- var filteredSortedSection = _a.filteredSortedSection, device = _a.device;
27
- var membershipSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'PRG_MEMBERSHIP_DISPLAY'; });
28
- if (!membershipSection || device !== 'MOBILE' || !membershipSection.programData) {
29
- return null;
30
- }
31
- var connectedMemberships = membershipSection.programData.preview.resources.real.membershipDisplay.connectedMemberships;
32
- var styles = membershipSection.styles;
33
- var orderedConnectedMemberships = connectedMemberships
34
- .slice()
35
- .sort(function (a, b) { return a.order - b.order; });
36
- var showMembershipFixedOverlay = {
37
- orderedConnectedMemberships: orderedConnectedMemberships,
38
- membershipSectionStyle: styles
39
- };
40
- return showMembershipFixedOverlay;
41
- }
42
- exports.default = GlobalFixedOverlay;
43
- 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; } });