pds-dev-kit-web-test 2.3.18 → 2.4.0

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js

@@ -1,276 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var pdsOriginal_1 = require("../../../../../DynamicLayout/components/pdsOriginal");
-var dynamicLayoutContext_1 = require("../../../../../DynamicLayout/dynamicLayoutContext");
-var styled_components_1 = __importStar(require("styled-components"));
-var constants_1 = require("../../constants");
-function MembershipSectionItem() {
-    return (0, jsx_runtime_1.jsx)(S_Item, { "x-dlayout-section-element-name": "Item", isClickable: false });
-}
-var S_Item = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  ", "\n"], ["\n  position: relative;\n  ", "\n"])), function (_a) {
-    var isClickable = _a.isClickable;
-    return isClickable && 'cursor : pointer;';
-});
-function Title(_a) {
-    var text = _a.text, color = _a.color, _b = _a.lineHeight, lineHeight = _b === void 0 ? 1.5 : _b, textLabelProps = __rest(_a, ["text", "color", "lineHeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-membership-item-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
-}
-var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var lineHeight = _a.lineHeight;
-    return lineHeight;
-});
-function Description(_a) {
-    var text = _a.text, color = _a.color, fontWeight = _a.fontWeight, textLabelProps = __rest(_a, ["text", "color", "fontWeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-membership-item-element-name": "Description", color: color, fontWeight: fontWeight, isBulletPointMode: textLabelProps.bulletPointMode === 'use' }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextSecondary" }, textLabelProps)) })));
-}
-var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n\n  & > div {\n    color: ", ";\n    width: 100%;\n\n    ", ";\n  }\n"], ["\n  ", ";\n\n  & > div {\n    color: ", ";\n    width: 100%;\n\n    ", ";\n  }\n"])), function (_a) {
-    var isBulletPointMode = _a.isBulletPointMode;
-    return isBulletPointMode && 'position: relative';
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var fontWeight = _a.fontWeight;
-    return fontWeight && "font-weight : ".concat(fontWeight, ";");
-});
-function DesignedSectionButton(_a) {
-    var buttonType = _a.buttonType, backgroundColor = _a.backgroundColor, textColor = _a.textColor, text = _a.text, _b = _a.linkType, linkType = _b === void 0 ? 'NONE' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.linkMethod, linkMethod = _d === void 0 ? 'CLICK_BUTTON_IN_ITEM' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, borderColor = _a.borderColor;
-    var _f = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), mode = _f.mode, isPreview = _f.isPreview, navigationHandler = _f.navigationHandler;
-    var handleClickButton = function (e) {
-        if (isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW')
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        typeof navigationHandler === 'function' && navigationHandler(linkType, src);
-    };
-    if (!src || linkMethod !== 'CLICK_BUTTON_IN_ITEM')
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    switch (buttonType) {
-        case 'A':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'B':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'C':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'D':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'E':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'F':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'G':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'H':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionMainButtonWrapper, __assign({ "x-dlayout-membership-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
-        case 'I':
-            return ((0, jsx_runtime_1.jsx)(S_DesignedSectionTextButtonWrapper, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }) })));
-        default:
-            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }));
-    }
-}
-var S_DesignedSectionMainButtonWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme, backgroundColor = _a.backgroundColor, state = _a.state;
-    if (backgroundColor && state === 'normal') {
-        return backgroundColor;
-    }
-    return theme.ui_cpnt_button_fill_base_disabled;
-}, function (_a) {
-    var borderWidth = _a.borderWidth, borderColor = _a.borderColor, state = _a.state, type = _a.type, theme = _a.theme;
-    if (type === 'E' || type === 'F' || type === 'G' || type === 'H') {
-        if (borderWidth && borderColor && state === 'normal') {
-            return "".concat(borderWidth, "px solid ").concat(borderColor);
-        }
-        if (borderWidth && state === 'disabled') {
-            return "".concat(borderWidth, "px solid ").concat(theme.ui_cpnt_button_line_border_disabled);
-        }
-    }
-    return 'none';
-}, function (_a) {
-    var radius = _a.radius;
-    return "".concat(radius, "px");
-}, function (_a) {
-    var color = _a.color, state = _a.state, theme = _a.theme;
-    if (state === 'normal') {
-        return color;
-    }
-    return theme.ui_cpnt_textlabel_sys_tertiary;
-});
-var S_DesignedSectionTextButtonWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  & > button {\n    background: none;\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n\n    &:hover:enabled {\n      background: none;\n    }\n\n    &:active:enabled {\n      background: none;\n    }\n  }\n"], ["\n  & > button {\n    background: none;\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n\n    &:hover:enabled {\n      background: none;\n    }\n\n    &:active:enabled {\n      background: none;\n    }\n  }\n"])), function (_a) {
-    var color = _a.color, state = _a.state, theme = _a.theme;
-    if (state === 'normal') {
-        return color;
-    }
-    return theme.ui_cpnt_textlabel_sys_tertiary;
-});
-function IconButton(_a) {
-    var iconButtonBackgroundColor = _a.iconButtonBackgroundColor, iconButtonBorderColor = _a.iconButtonBorderColor, iconButtonDisabledBackgroundColor = _a.iconButtonDisabledBackgroundColor, iconButtonDisabledIconColor = _a.iconButtonDisabledIconColor, iconButtonIconColor = _a.iconButtonIconColor, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, iconName = _a.iconName, _c = _a.state, state = _c === void 0 ? 'normal' : _c, onClick = _a.onClick;
-    var handleOnClick = function () {
-        onClick && onClick();
-    };
-    return ((0, jsx_runtime_1.jsx)(S_IconButtonWrapper, __assign({ iconButtonIconColor: iconButtonIconColor, iconButtonDisabledIconColor: iconButtonDisabledIconColor, iconButtonBackgroundColor: iconButtonBackgroundColor, iconButtonDisabledBackgroundColor: iconButtonDisabledBackgroundColor, iconButtonBorderColor: iconButtonBorderColor, isDisabled: isDisabled }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_IconButton, { fillType: "line", shapeType: "circular", baseSize: "medium", iconName: iconName, state: state, onClick: handleOnClick }) })));
-}
-var S_IconButtonWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n  }\n\n  & > button:hover:enabled {\n    background-color: ", ";\n    border: ", ";\n  }\n\n  & > button > svg > path {\n    stroke: ", ";\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n  }\n\n  & > button:hover:enabled {\n    background-color: ", ";\n    border: ", ";\n  }\n\n  & > button > svg > path {\n    stroke: ", ";\n  }\n"])), function (_a) {
-    var iconButtonBackgroundColor = _a.iconButtonBackgroundColor, iconButtonDisabledBackgroundColor = _a.iconButtonDisabledBackgroundColor, isDisabled = _a.isDisabled;
-    return (isDisabled ? iconButtonDisabledBackgroundColor : iconButtonBackgroundColor);
-}, function (_a) {
-    var iconButtonBorderColor = _a.iconButtonBorderColor;
-    return "1px ".concat(iconButtonBorderColor, " solid");
-}, function (_a) {
-    var iconButtonBackgroundColor = _a.iconButtonBackgroundColor;
-    return iconButtonBackgroundColor;
-}, function (_a) {
-    var iconButtonBorderColor = _a.iconButtonBorderColor;
-    return "1px ".concat(iconButtonBorderColor, " solid");
-}, function (_a) {
-    var iconButtonIconColor = _a.iconButtonIconColor, iconButtonDisabledIconColor = _a.iconButtonDisabledIconColor, isDisabled = _a.isDisabled;
-    return isDisabled ? iconButtonDisabledIconColor : iconButtonIconColor;
-});
-function MembershipCard(_a) {
-    var membershipCardTemplate = _a.membershipCardTemplate, cardWidth = _a.cardWidth;
-    var backgroundImageSrc = membershipCardTemplate.backgroundImageSrc, designSchema = membershipCardTemplate.designSchema, logoImageSrc = membershipCardTemplate.logoImageSrc, overlayColorPrimary = membershipCardTemplate.overlayColorPrimary, overlayColorSecondary = membershipCardTemplate.overlayColorSecondary, overlayType = membershipCardTemplate.overlayType;
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(S_MembershipCardBox, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: backgroundImageSrc, width: cardWidth ? cardWidth : 'responsive', ratio: "10_16", scaleType: "cover" }), (0, jsx_runtime_1.jsx)(S_GlossyOverlayWrapper, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: constants_1.COMMON_OVERLAY_IMAGE_SRC, width: cardWidth ? cardWidth : 'responsive', ratio: "10_16", scaleType: "cover" }) }), (0, jsx_runtime_1.jsx)(S_LogoImageWrapper, __assign({ designSchema: designSchema }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: logoImageSrc, width: "responsive", scaleType: "contain" }) })), (0, jsx_runtime_1.jsx)(S_MembershipCardOverlay, { overlayType: overlayType, overlayColorPrimary: overlayColorPrimary, overlayColorSecondary: overlayColorSecondary, cardWidth: cardWidth })] }) }));
-}
-var S_MembershipCardBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-radius: 12px;\n  height: ", ";\n  min-width: ", ";\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n"], ["\n  border-radius: 12px;\n  height: ", ";\n  min-width: ", ";\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n"])), function (_a) {
-    var cardWidth = _a.cardWidth;
-    return (cardWidth ? "".concat(cardWidth * 1.6, "px") : '100%');
-}, function (_a) {
-    var cardWidth = _a.cardWidth;
-    return (cardWidth ? "".concat(cardWidth, "px") : '100%');
-});
-var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  inset: 0;\n  position: absolute;\n  z-index: 4;\n"], ["\n  inset: 0;\n  position: absolute;\n  z-index: 4;\n"])));
-var designSchemaA = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  left: 10%;\n  top: 6%;\n"], ["\n  left: 10%;\n  top: 6%;\n"])));
-var designSchemaB = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n"])));
-var S_LogoImageWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  width: ", ";\n  z-index: 3;\n\n  ", "\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  width: ", ";\n  z-index: 3;\n\n  ", "\n"])), function (_a) {
-    var cardWidth = _a.cardWidth, designSchema = _a.designSchema;
-    if (designSchema === 'A') {
-        return cardWidth ? "".concat(cardWidth * 0.5, "px") : '50%';
-    }
-    if (designSchema === 'B') {
-        return cardWidth ? "".concat(cardWidth * 0.6, "px") : '60%';
-    }
-    return cardWidth ? "".concat(cardWidth * 0.5, "px") : '50%';
-}, function (_a) {
-    var designSchema = _a.designSchema;
-    switch (designSchema) {
-        case 'A':
-            return designSchemaA;
-        case 'B':
-            return designSchemaB;
-        default:
-            return designSchemaA;
-    }
-});
-var overlaySolidType = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var overlayColorPrimary = _a.overlayColorPrimary;
-    return overlayColorPrimary;
-});
-var overlayGradientType = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (_a) {
-    var overlayColorPrimary = _a.overlayColorPrimary, overlayColorSecondary = _a.overlayColorSecondary;
-    return "linear-gradient(135deg, ".concat(overlayColorPrimary, ", ").concat(overlayColorSecondary, ")");
-});
-var S_MembershipCardOverlay = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: ", ";\n  position: absolute;\n  top: 0;\n  width: ", ";\n  z-index: 2;\n\n  ", "\n"], ["\n  height: ", ";\n  position: absolute;\n  top: 0;\n  width: ", ";\n  z-index: 2;\n\n  ", "\n"])), function (_a) {
-    var cardWidth = _a.cardWidth;
-    return (cardWidth ? "".concat(cardWidth * 1.6, "px") : '100%');
-}, function (_a) {
-    var cardWidth = _a.cardWidth;
-    return (cardWidth ? "".concat(cardWidth, "px") : '100%');
-}, function (_a) {
-    var overlayType = _a.overlayType;
-    switch (overlayType) {
-        case 'NONE':
-            return;
-        case 'SOLID':
-            return overlaySolidType;
-        case 'GRADIENT':
-            return overlayGradientType;
-        default:
-            return;
-    }
-});
-function ColorOverrideIcon(_a) {
-    var iconColor = _a.iconColor, iconName = _a.iconName;
-    return ((0, jsx_runtime_1.jsx)(S_ColorOverrideIconWrapper, __assign({ "x-dlayout-membership-item-element-name": "Icon", iconColor: iconColor }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.Icon, { colorKey: "ui_cpnt_icon_sys_grey_01", iconName: iconName }) })));
-}
-var S_ColorOverrideIconWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n\n  & path {\n    stroke: ", ";\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n\n  & path {\n    stroke: ", ";\n  }\n"])), function (_a) {
-    var iconColor = _a.iconColor;
-    return iconColor;
-});
-function XlargeMainButton(_a) {
-    var buttonTextColor = _a.buttonTextColor, buttonBackgroundColor = _a.buttonBackgroundColor, buttonText = _a.buttonText, onClick = _a.onClick, _b = _a.state, state = _b === void 0 ? 'normal' : _b;
-    var handleOnclick = function () {
-        onClick && onClick();
-    };
-    return ((0, jsx_runtime_1.jsx)(S_XlargeMainButtonPropsWrapper, __assign({ "x-dlayout-membership-item-element-name": "Icon", buttonTextColor: buttonTextColor, buttonBackgroundColor: buttonBackgroundColor }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: buttonText, size: "rlarge", responsiveMode: "use", onClick: handleOnclick, state: state }) })));
-}
-var S_XlargeMainButtonPropsWrapper = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    box-sizing: border-box;\n    height: 100%;\n\n    & div {\n      -webkit-line-clamp: 2;\n      align-items: center;\n      color: ", ";\n      display: flex;\n      height: 64px;\n      justify-content: center;\n      line-height: 24px;\n      overflow: auto;\n      text-align: center;\n    }\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    box-sizing: border-box;\n    height: 100%;\n\n    & div {\n      -webkit-line-clamp: 2;\n      align-items: center;\n      color: ", ";\n      display: flex;\n      height: 64px;\n      justify-content: center;\n      line-height: 24px;\n      overflow: auto;\n      text-align: center;\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme, buttonBackgroundColor = _a.buttonBackgroundColor;
-    return buttonBackgroundColor
-        ? buttonBackgroundColor
-        : theme.ui_cpnt_button_fill_base_disabled;
-}, function (_a) {
-    var buttonTextColor = _a.buttonTextColor, theme = _a.theme;
-    return buttonTextColor ? buttonTextColor : theme.ui_cpnt_textlabel_sys_tertiary;
-});
-MembershipSectionItem.Title = Title;
-MembershipSectionItem.Description = Description;
-MembershipSectionItem.DesignedSectionButton = DesignedSectionButton;
-MembershipSectionItem.IconButton = IconButton;
-MembershipSectionItem.MembershipCard = MembershipCard;
-MembershipSectionItem.ColorOverrideIcon = ColorOverrideIcon;
-MembershipSectionItem.XlargeMainButton = XlargeMainButton;
-exports.default = MembershipSectionItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.M_MembershipSectionItem = void 0;
-var MembershipSectionItem_1 = require("./MembershipSectionItem");
-Object.defineProperty(exports, "M_MembershipSectionItem", { enumerable: true, get: function () { return __importDefault(MembershipSectionItem_1).default; } });

package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT = exports.MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT = exports.MEMBERSHIP_SECTION_TONE_COLOR = exports.COMMON_OVERLAY_IMAGE_SRC = exports.MEMBERSHIP_SECTION_PREVIEW_WIDTH = void 0;
-exports.MEMBERSHIP_SECTION_PREVIEW_WIDTH = 375;
-exports.COMMON_OVERLAY_IMAGE_SRC = 'https://static.publ.site/membership_card_deco.png';
-exports.MEMBERSHIP_SECTION_TONE_COLOR = {
-    LIGHT: {
-        contentBackgroundDimColor: '#F5F5F8CC',
-        iconButtonBackgroundColor: '#FFFFFFFF',
-        iconButtonBorderColor: '#E3E5E9FF',
-        iconButtonDisabledBackgroundColor: '#FFFFFFFF',
-        iconButtonDisabledIconColor: '#AAAAB1FF',
-        iconButtonIconColor: '#1E1E20FF',
-        membershipPlanSheetBackgroundColor: '#EAEBEFFF',
-        membershipSheetBackgroundColor: '#F5F5F8FF',
-        membershipSheetTextLabelColor: '#1E1E20FF',
-        scrollbarColor: '#E3E5E9FF',
-        disabledProgrammedItemActionButtonTextColor: '#AAAAB1FF',
-        disabledProgrammedItemActionButtonBackgroundColor: '#E3E5E9FF',
-        emptyMembershipSheetTextLabelColor: '#68686BFF'
-    },
-    DARK: {
-        contentBackgroundDimColor: '#252526B3',
-        iconButtonBackgroundColor: '#1E1E20FF',
-        iconButtonBorderColor: '#404042FF',
-        iconButtonDisabledBackgroundColor: '#151515FF',
-        iconButtonDisabledIconColor: '#68686CFF',
-        iconButtonIconColor: '#FDFDFDFF',
-        membershipPlanSheetBackgroundColor: '#303032FF',
-        membershipSheetBackgroundColor: '#252526FF',
-        membershipSheetTextLabelColor: '#FDFDFDFF',
-        scrollbarColor: '#404042FF',
-        disabledProgrammedItemActionButtonTextColor: '#68686CFF',
-        disabledProgrammedItemActionButtonBackgroundColor: '#404042FF',
-        emptyMembershipSheetTextLabelColor: '#A5A5ABFF'
-    }
-};
-exports.MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT = {
-    A: 'str_5350',
-    B: 'str_5351',
-    C: 'str_5352',
-    D: 'str_5353',
-    E: 'str_5354'
-};
-exports.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT = {
-    COUPON_FREE_FINITE: 'str_payment_option_coupon_free_finite',
-    COUPON_FREE_INFINITE: 'str_payment_option_coupon_free_infinite',
-    COUPON_ONCE_FINITE: 'str_payment_option_coupon_one_time',
-    COUPON_ONCE_INFINITE: 'str_payment_option_coupon_one_time',
-    FREE_FINITE: 'str_payment_option_subs_temporary_free',
-    FREE_INFINITE: 'str_payment_option_unlimited_free',
-    ONCE_FINITE: 'str_payment_option_one_time',
-    ONCE_INFINITE: 'str_payment_option_one_time',
-    SUBSCRIPTION_30DAYS: 'str_payment_option_subs_regularly',
-    SUBSCRIPTION_90DAYS: 'str_payment_option_subs_regularly',
-    SUBSCRIPTION_180DAYS: 'str_payment_option_subs_regularly',
-    SUBSCRIPTION_365DAYS: 'str_payment_option_subs_regularly'
-};

package/dist/src/sub/DynamicLayout/sections/MembershipSection/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = void 0;
-var EditType_1 = require("./EditType");
-Object.defineProperty(exports, "EditTypeMembershipSection", { enumerable: true, get: function () { return EditType_1.EditTypeMembershipSection; } });
-var NormalType_1 = require("./NormalType");
-Object.defineProperty(exports, "NormalTypeMembershipSection", { enumerable: true, get: function () { return NormalType_1.NormalTypeMembershipSection; } });

package/dist/src/sub/DynamicLayout/sections/MembershipSection/type.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/sections/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomSection = exports.FullscreenIframeSection = exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
-var ContentsCarouselSection_1 = require("./ContentsCarouselSection");
-Object.defineProperty(exports, "ContentsCarouselSection", { enumerable: true, get: function () { return ContentsCarouselSection_1.ContentsCarouselSection; } });
-var ContentsSection_1 = require("./ContentsSection");
-Object.defineProperty(exports, "ContentsSection", { enumerable: true, get: function () { return ContentsSection_1.ContentsSection; } });
-var FooterSection_1 = require("./FooterSection");
-Object.defineProperty(exports, "FooterSection", { enumerable: true, get: function () { return FooterSection_1.FooterSection; } });
-var InfoBoxSection_1 = require("./InfoBoxSection");
-Object.defineProperty(exports, "InfoBoxSection", { enumerable: true, get: function () { return InfoBoxSection_1.InfoBoxSection; } });
-var IntroSection_1 = require("./IntroSection");
-Object.defineProperty(exports, "IntroSection", { enumerable: true, get: function () { return IntroSection_1.IntroSection; } });
-var MembershipSection_1 = require("./MembershipSection");
-Object.defineProperty(exports, "EditTypeMembershipSection", { enumerable: true, get: function () { return MembershipSection_1.EditTypeMembershipSection; } });
-var MembershipSection_2 = require("./MembershipSection");
-Object.defineProperty(exports, "NormalTypeMembershipSection", { enumerable: true, get: function () { return MembershipSection_2.NormalTypeMembershipSection; } });
-var FullscreenIframeSection_1 = require("./FullscreenIframeSection");
-Object.defineProperty(exports, "FullscreenIframeSection", { enumerable: true, get: function () { return FullscreenIframeSection_1.FullscreenIframeSection; } });
-var CustomSection_1 = require("./CustomSection");
-Object.defineProperty(exports, "CustomSection", { enumerable: true, get: function () { return CustomSection_1.CustomSection; } });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/utils/TouTubeLinkParser.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var YouTubeLinkParser = /** @class */ (function () {
-    function YouTubeLinkParser() {
-    }
-    YouTubeLinkParser.getId = function (src) {
-        var _a;
-        var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
-        var shareUrl = src.match(/youtu.be\/(.{11})/);
-        return (_a = (embedUrl || shareUrl)) === null || _a === void 0 ? void 0 : _a.pop();
-    };
-    YouTubeLinkParser.getThumbnailUrl = function (src) {
-        return "https://img.youtube.com/vi/".concat(YouTubeLinkParser.getId(src), "/0.jpg");
-    };
-    YouTubeLinkParser.getEmbedUrl = function (src) {
-        return "https://www.youtube.com/embed/".concat(YouTubeLinkParser.getId(src));
-    };
-    YouTubeLinkParser.getEmbedUrlWithLoop = function (src) {
-        return "https://www.youtube.com/embed/".concat(YouTubeLinkParser.getId(src), "?autoplay=1&mute=1&loop=1&color=white&controls=0&modestbranding=1&playsinline=1&rel=0&playlist=").concat(this.getId(src));
-    };
-    return YouTubeLinkParser;
-}());
-exports.default = YouTubeLinkParser;

package/dist/src/sub/DynamicLayout/utils/YouTubeIframeHelper.js

@@ -1,114 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var TouTubeLinkParser_1 = __importDefault(require("./TouTubeLinkParser"));
-var YOUTUBE_SCRIPT_ID = 'YOUTUBE_SCRIPT';
-var YOUTUBE_SCRIPT_SRC = 'https://www.youtube.com/iframe_api';
-var YouTubeIframeHelper = /** @class */ (function () {
-    function YouTubeIframeHelper() {
-    }
-    YouTubeIframeHelper.getReady = function () {
-        var _this = this;
-        var _a;
-        var script = document.getElementById(YOUTUBE_SCRIPT_ID);
-        if (!script) {
-            var newScript = document.createElement('script');
-            newScript.id = YOUTUBE_SCRIPT_ID;
-            newScript.src = YOUTUBE_SCRIPT_SRC;
-            var firstScript = document.getElementsByTagName('script')[0];
-            (_a = firstScript.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newScript, firstScript);
-            newScript.onload = function () {
-                var YT = window.YT;
-                YT.ready(function () {
-                    _this.onYouTubeIframeAPIReady();
-                });
-            };
-        }
-    };
-    YouTubeIframeHelper.cleanUp = function () {
-        var script = document.getElementById(YOUTUBE_SCRIPT_ID);
-        script === null || script === void 0 ? void 0 : script.remove();
-        this.playersQueueForYouTubeIframeAPIReady = [];
-        this.isYouTubeIframeAPIReady = false;
-    };
-    YouTubeIframeHelper.registerPlayerData = function (playerId, src) {
-        this.isYouTubeIframeAPIReady
-            ? this.addPlayer({ id: playerId, src: src })
-            : this.playersQueueForYouTubeIframeAPIReady.push({ id: playerId, src: src });
-    };
-    YouTubeIframeHelper.onYouTubeIframeAPIReady = function () {
-        this.isYouTubeIframeAPIReady = true;
-        this.playersQueueForYouTubeIframeAPIReady.forEach(this.addPlayer);
-        this.playersQueueForYouTubeIframeAPIReady = [];
-    };
-    YouTubeIframeHelper.addPlayer = function (playerData) {
-        try {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            var newPlayer = new window.YT.Player(playerData.id, {
-                videoId: TouTubeLinkParser_1.default.getId(playerData.src),
-                playerVars: {
-                    playsinline: 1,
-                    autoplay: 1,
-                    controls: 0
-                },
-                events: {
-                    onReady: this.onPlayerReady,
-                    onStateChange: this.onPlayerStateChange
-                }
-            });
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.error(error);
-        }
-    };
-    YouTubeIframeHelper.onPlayerReady = function (event) {
-        var player = event.target.h;
-        YouTubeIframeHelper.concealPlayer(player);
-        event.target.mute();
-        event.target.playVideo();
-    };
-    YouTubeIframeHelper.onPlayerStateChange = function (event) {
-        var UNSTARTED = -1;
-        var ENDED = 0;
-        var PLAYING = 1;
-        var PAUSED = 2;
-        var BUFFERING = 3;
-        // const CUED = 5; 동영상이 신호를 받고 재생할 준비가 되었을 때,
-        var stateCode = event.data;
-        var player = event.target.h;
-        try {
-            switch (stateCode) {
-                case PLAYING:
-                    YouTubeIframeHelper.revealPlayer(player);
-                    break;
-                case UNSTARTED:
-                case BUFFERING:
-                    YouTubeIframeHelper.concealPlayer(player);
-                    break;
-                case ENDED:
-                case PAUSED:
-                    YouTubeIframeHelper.concealPlayer(player);
-                    event.target.playVideo();
-                    break;
-            }
-        }
-        catch (err) {
-            YouTubeIframeHelper.concealPlayer(player);
-        }
-    };
-    YouTubeIframeHelper.concealPlayer = function (player) {
-        player.style.display = 'none';
-        return;
-    };
-    YouTubeIframeHelper.revealPlayer = function (player) {
-        player.style.display = 'initial';
-        return;
-    };
-    YouTubeIframeHelper.playersQueueForYouTubeIframeAPIReady = [];
-    YouTubeIframeHelper.isYouTubeIframeAPIReady = false;
-    return YouTubeIframeHelper;
-}());
-exports.default = YouTubeIframeHelper;

package/dist/src/sub/DynamicLayout/utils/deepCopy.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function deepCopy(obj) {
-    if (typeof obj !== 'object' || obj === null) {
-        return obj;
-    }
-    var result = Array.isArray(obj) ? [] : {};
-    for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-            result[key] = deepCopy(obj[key]);
-        }
-    }
-    return result;
-}
-exports.default = deepCopy;

package/dist/src/sub/DynamicLayout/utils/formatCurrency.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * currency에 따라 숫자를 통화 형식으로 변환한다.
- *
- * ex) KRW 1024 => 1,024
- *
- * ex) USD 1024 => 1,024.00
- */
-function formatCurrency(value, currency) {
-    if (currency === void 0) { currency = 'KRW'; }
-    var decimals;
-    switch (currency) {
-        case 'KRW':
-            decimals = 0;
-            break;
-        case 'USD':
-            decimals = 2;
-            break;
-    }
-    var str = Number(value).toFixed(decimals);
-    if (decimals) {
-        return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
-    }
-    return str.replace(/(\d)(?=(\d{3})+$)/g, '$1,');
-}
-exports.default = formatCurrency;

package/dist/src/sub/DynamicLayout/utils/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YouTubeIframeHelper = exports.YouTubeLinkParser = void 0;
-var TouTubeLinkParser_1 = require("./TouTubeLinkParser");
-Object.defineProperty(exports, "YouTubeLinkParser", { enumerable: true, get: function () { return __importDefault(TouTubeLinkParser_1).default; } });
-var YouTubeIframeHelper_1 = require("./YouTubeIframeHelper");
-Object.defineProperty(exports, "YouTubeIframeHelper", { enumerable: true, get: function () { return __importDefault(YouTubeIframeHelper_1).default; } });