pds-dev-kit-web-test 0.3.68 → 0.3.69

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 (30) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +2 -1
  2. package/dist/src/common/services/i18n/resources/es.json +2 -1
  3. package/dist/src/common/services/i18n/resources/fil.json +2 -1
  4. package/dist/src/common/services/i18n/resources/index.d.ts +7 -0
  5. package/dist/src/common/services/i18n/resources/ja.json +2 -1
  6. package/dist/src/common/services/i18n/resources/ko.json +2 -1
  7. package/dist/src/common/services/i18n/resources/zh-cn.json +2 -1
  8. package/dist/src/common/services/i18n/resources/zh-tw.json +2 -1
  9. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +12 -19
  10. package/dist/src/desktop/components/TextButton/TextButton.d.ts +2 -3
  11. package/dist/src/desktop/components/TextButton/TextButton.js +2 -11
  12. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +418 -4
  13. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +601 -10
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.d.ts +5 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +48 -0
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.d.ts +8 -0
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.js +45 -0
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.d.ts +3 -0
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +21 -0
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.d.ts +1 -0
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.js +4 -0
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +6 -0
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.js +2 -0
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +3 -0
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -4
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  29. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +11 -1
  30. package/package.json +1 -1
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular na Pagbabayad",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -25,6 +25,7 @@ declare const locale: {
25
25
  str_5831: string;
26
26
  str_start: string;
27
27
  str_free: string;
28
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
28
29
  };
29
30
  };
30
31
  readonly en: {
@@ -53,6 +54,7 @@ declare const locale: {
53
54
  str_5831: string;
54
55
  str_start: string;
55
56
  str_free: string;
57
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
56
58
  };
57
59
  };
58
60
  readonly ja: {
@@ -81,6 +83,7 @@ declare const locale: {
81
83
  str_5831: string;
82
84
  str_start: string;
83
85
  str_free: string;
86
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
84
87
  };
85
88
  };
86
89
  readonly es: {
@@ -109,6 +112,7 @@ declare const locale: {
109
112
  str_5831: string;
110
113
  str_start: string;
111
114
  str_free: string;
115
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
112
116
  };
113
117
  };
114
118
  readonly 'zh-cn': {
@@ -137,6 +141,7 @@ declare const locale: {
137
141
  str_5831: string;
138
142
  str_start: string;
139
143
  str_free: string;
144
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
140
145
  };
141
146
  };
142
147
  readonly 'zh-tw': {
@@ -165,6 +170,7 @@ declare const locale: {
165
170
  str_5831: string;
166
171
  str_start: string;
167
172
  str_free: string;
173
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
168
174
  };
169
175
  };
170
176
  readonly fil: {
@@ -193,6 +199,7 @@ declare const locale: {
193
199
  str_5831: string;
194
200
  str_start: string;
195
201
  str_free: string;
202
+ str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
196
203
  };
197
204
  };
198
205
  };
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "정기 결제",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "시작하기",
26
- "str_free": "무료"
26
+ "str_free": "무료",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "사업자의 도메인이 연결되지 않아 실행할 수 없습니다."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "定期付款",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -23,6 +23,7 @@
23
23
  "str_payment_option_subs_regularly": "定期結算",
24
24
  "str_5831": "{{price}} USD",
25
25
  "str_start": "Start",
26
- "str_free": "FREE"
26
+ "str_free": "FREE",
27
+ "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
27
28
  }
28
29
  }
@@ -44,24 +44,17 @@ function DesktopAlertDialog(_a) {
44
44
  };
45
45
  }, []);
46
46
  // Enter 키 입력 감지를 위한 useEffect
47
- // useEffect(() => {
48
- // const handleKeyDown = (event: KeyboardEvent) => {
49
- // if (event.isComposing) return;
50
- // if (event.key === 'Enter') {
51
- // onClickTBtn1 && onClickTBtn1();
52
- // }
53
- // };
54
- // document.addEventListener('keydown', handleKeyDown);
55
- // return () => {
56
- // document.removeEventListener('keydown', handleKeyDown);
57
- // };
58
- // }, []);
59
- function handleKeyDown(e) {
60
- console.log(e);
61
- if (e.key === 'Enter') {
62
- onClickTBtn1 && onClickTBtn1();
63
- }
64
- }
47
+ (0, react_1.useEffect)(function () {
48
+ var handleKeyDown = function (event) {
49
+ if (event.key === 'Enter') {
50
+ onClickTBtn1 && onClickTBtn1();
51
+ }
52
+ };
53
+ document.addEventListener('keydown', handleKeyDown);
54
+ return function () {
55
+ document.removeEventListener('keydown', handleKeyDown);
56
+ };
57
+ }, [onClickTBtn1]);
65
58
  var btn1Mode = ['tbtn_amount1', 'tbtn_amount2', 'tbtn_amount3'];
66
59
  var btn2Mode = ['tbtn_amount2', 'tbtn_amount3'];
67
60
  var btn3Mode = ['tbtn_amount3'];
@@ -70,7 +63,7 @@ function DesktopAlertDialog(_a) {
70
63
  return ((0, jsx_runtime_1.jsxs)(S_IconWrapper, { children: [iconMode === 'success' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_success", size: 72, colorKey: "ui_cpnt_alertdialog_icon_success" })), iconMode === 'error' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_error", size: 72, colorKey: "ui_cpnt_alertdialog_icon_error" })), iconMode === 'warning' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_warning", size: 72, colorKey: "ui_cpnt_alertdialog_icon_warning" })), iconMode === 'information' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_information", size: 72, colorKey: "ui_cpnt_alertdialog_icon_information" }))] }));
71
64
  }
72
65
  };
73
- return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1, onKeyDown: function (e) { return handleKeyDown(e); } }))] })] }))] }), container);
66
+ return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1 }))] })] }))] }), container);
74
67
  }
75
68
  var S_UpperBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n margin: ", ";\n"], ["\n display: flex;\n margin: ", ";\n"])), function (_a) {
76
69
  var theme = _a.theme;
@@ -1,5 +1,5 @@
1
+ /// <reference types="react" />
1
2
  import type { PDSTextType } from '../../../common';
2
- import type React from 'react';
3
3
  export type TextButtonProps = {
4
4
  text?: PDSTextType;
5
5
  size?: 'rlarge' | 'large' | 'medium' | 'small' | 'xsmall';
@@ -9,7 +9,6 @@ export type TextButtonProps = {
9
9
  state?: 'normal' | 'disabled';
10
10
  colorTheme?: 'none' | 'red' | 'grey_01' | 'grey2' | 'white' | 'white2';
11
11
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
12
- onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
13
12
  };
14
- declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, colorTheme, onClick, onKeyDown, ...rest }: TextButtonProps): JSX.Element;
13
+ declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, colorTheme, onClick, ...rest }: TextButtonProps): JSX.Element;
15
14
  export default TextButton;
@@ -50,7 +50,6 @@ var __rest = (this && this.__rest) || function (s, e) {
50
50
  };
51
51
  Object.defineProperty(exports, "__esModule", { value: true });
52
52
  var jsx_runtime_1 = require("react/jsx-runtime");
53
- var react_1 = require("react");
54
53
  var styled_components_1 = __importStar(require("styled-components"));
55
54
  var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
56
55
  var TextLabel_1 = require("../TextLabel");
@@ -70,21 +69,13 @@ var textColor = {
70
69
  white2: 'sysTextWhite'
71
70
  };
72
71
  function TextButton(_a) {
73
- var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, onClick = _a.onClick, onKeyDown = _a.onKeyDown, rest = __rest(_a, ["text", "size", "responsiveMode", "fontWeight", "type", "state", "colorTheme", "onClick", "onKeyDown"]);
74
- var buttonRef = (0, react_1.useRef)(null);
75
- (0, react_1.useEffect)(function () {
76
- if (!onKeyDown)
77
- return;
78
- if (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) {
79
- buttonRef.current.focus();
80
- }
81
- }, []);
72
+ var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, onClick = _a.onClick, rest = __rest(_a, ["text", "size", "responsiveMode", "fontWeight", "type", "state", "colorTheme", "onClick"]);
82
73
  var handleClick = function (e) {
83
74
  if (onClick) {
84
75
  onClick(e);
85
76
  }
86
77
  };
87
- return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ ref: buttonRef, "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onKeyDown: onKeyDown, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, colorTheme: colorTheme, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }) })));
78
+ return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }) })));
88
79
  }
89
80
  var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), function (_a) {
90
81
  var size = _a.size;