pds-dev-kit-web 2.0.9-alpha.0 → 2.0.9-alpha.2

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js

@@ -8,15 +8,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
-function TemplateB(_a) {
-    var programmedSectionComponents = _a.programmedSectionComponents;
-    return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
+function TemplateB() {
+    return ((0, jsx_runtime_1.jsxs)(S_MembershipSection, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
 }
 var S_MembershipSection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n"], ["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingH;
 });
+function MembershipSection() {
+    var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
+    if (!programmedSectionComponents) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
+}
 exports.default = TemplateB;
 var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-declare type Props = {
-    programmedSectionComponents?: React.ReactNode;
-};
-declare function TemplateB({ programmedSectionComponents }: Props): JSX.Element;
+declare function TemplateB(): JSX.Element;
 export default TemplateB;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js

@@ -4,9 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var SectionContents_1 = __importDefault(require("./components/SectionContents"));
-function TemplateB(_a) {
-    var programmedSectionComponents = _a.programmedSectionComponents;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), programmedSectionComponents && programmedSectionComponents] }, void 0));
+function TemplateB() {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionContents_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(MembershipSection, {}, void 0)] }, void 0));
+}
+function MembershipSection() {
+    var programmedSectionComponents = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).programmedSectionComponents;
+    if (!programmedSectionComponents) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    return programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY ? (programmedSectionComponents.PRG_MEMBERSHIP_DISPLAY) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
 }
 exports.default = TemplateB;

package/dist/src/sub/DynamicLayout/types.d.ts

@@ -35,12 +35,35 @@ export interface ISection {
     dynamicLayoutSectionItems: Array<IItem> | null;
     insertedAt: string;
     updatedAt: string;
-    type: TypeOfSectionType;
+    type?: TypeOfSectionType;
     program?: 'MEMBERSHIP_DISPLAY';
     programData?: {
         mdid: string;
+        preview: {
+            availableResources: ['REAL.MEMBERSHIP_DISPLAY'];
+            resource: {
+                mock: Record<string, never>;
+                real: {
+                    membershipDisplay: IMembershipDisplay;
+                };
+            };
+        };
     };
 }
+export interface SubscriptionProductInList {
+    id: number;
+    type: SubscriptionProductType;
+    title: string;
+    alias: string;
+    expiryPeriodInDays: ExpiryPeriodInDaysType;
+    isDeactivated: boolean;
+    fee: {
+        currency: 'KRW' | 'USD';
+        amount: string;
+    };
+    insertedAt: string;
+    updatedAt: string;
+}
 export interface ISectionProperties {
     title: string;
     description: string;
@@ -191,7 +214,6 @@ export declare type DynamicLayoutProps = {
     onClickEditSection?: (section: ISection) => void;
     sectionActionHandler?: (action: TypeOfSectionAction) => void;
     programmedSectionComponents?: IProgrammedSectionComponents;
-    programmedSectionPreviewData?: IProgrammedSectionPreviewData;
 };
 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';
 declare type ExpiryPeriodInDaysType = 1 | 3 | 7 | 14 | 30;
@@ -222,7 +244,10 @@ export declare type IConnectedSubscriptionProducts = {
         alias: string;
         expiryPeriodInDays: ExpiryPeriodInDaysType;
         isDeactivated: boolean;
-        fee: number | string;
+        fee: {
+            currency: 'KRW' | 'USD';
+            amount: string;
+        };
         insertedAt: string;
         updatedAt: string;
     };
@@ -256,6 +281,3 @@ export declare type IMembershipDisplay = {
     isDefault: boolean;
     connectedMemberships: IConnectedMembership[];
 };
-export declare type IProgrammedSectionPreviewData = {
-    MEMBERSHIP_DISPLAY?: IMembershipDisplay;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.0.9-alpha.0",
+  "version": "2.0.9-alpha.2",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,8 +1,10 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.0.9-alpha.0]
+## [v2.0.9-alpha.2]
 
 ## alpha|https://staging.storybook.publ.biz/
 
 ### sub
 * DynamicLayout
-    * membership section 생성
+    * ISection 인터페이스 수정
+### Color
+  * 컬러 키 값 23.04.20 17시 40분 기준 싱크