pds-dev-kit-web-test 2.5.709 → 2.5.710

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js

@@ -0,0 +1,130 @@
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ContentSheet } from '@desktop/panels';
+import { Spacing } from '@hybrid/components';
+import { D_MembershipSectionItem } from '@sub/DynamicLayout/sections/MembershipSection/components';
+import { MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT, MEMBERSHIP_SECTION_TONE_COLOR } from '@sub/DynamicLayout/sections/MembershipSection/constants';
+import formatCurrency from '@sub/DynamicLayout/utils/formatCurrency';
+import styled from 'styled-components';
+function MembershipPlanSheet({
+  connectedSubscriptionProduct,
+  sectionStyles
+}) {
+  const {
+    t
+  } = useTranslation('translation');
+  const {
+    subscriptionProduct
+  } = connectedSubscriptionProduct;
+  const {
+    type,
+    alias,
+    fee,
+    isDeactivated
+  } = subscriptionProduct;
+  const {
+    itemToneType,
+    itemHighlightingColorInHex,
+    programmedItemActionButtonTextType
+  } = sectionStyles;
+  const productFeeText = useMemo(() => {
+    const {
+      amount,
+      currency
+    } = fee;
+    const price = formatCurrency(amount, currency);
+    switch (type) {
+      case 'COUPON_FREE_FINITE':
+      case 'COUPON_FREE_INFINITE':
+      case 'FREE_FINITE':
+      case 'FREE_INFINITE':
+        return t('str_free');
+    }
+    switch (currency) {
+      case 'KRW':
+        return t('str_5339', {
+          price
+        });
+      case 'USD':
+        return t('str_5831', {
+          price
+        });
+      default:
+        return '';
+    }
+  }, [subscriptionProduct]);
+  const itemActionButtonText = useMemo(() => {
+    const itemActionButtonTextType = {
+      A: 'str_5350',
+      B: 'str_5351',
+      C: 'str_5352',
+      D: 'str_5353',
+      E: 'str_5354'
+    }[programmedItemActionButtonTextType];
+    if (isDeactivated) {
+      return t('str_5300');
+    }
+    switch (type) {
+      case 'COUPON_FREE_FINITE':
+      case 'COUPON_FREE_INFINITE':
+      case 'FREE_FINITE':
+      case 'FREE_INFINITE':
+        return t('str_1460');
+      default:
+        return t(itemActionButtonTextType);
+    }
+  }, [programmedItemActionButtonTextType, type]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_g"
+  }), /*#__PURE__*/React.createElement(ContentSheet, {
+    width: "100%",
+    height: "auto",
+    shapeType: "round",
+    overrideCSS: {
+      display: 'flex',
+      cursor: 'pointer',
+      backgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor
+    }
+  }, /*#__PURE__*/React.createElement(S_MembershipInfoBox, null, /*#__PURE__*/React.createElement(S_MembershipInfoTitle, null, type && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(D_MembershipSectionItem.Title, {
+    text: t(MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT[type]),
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    lineLimit: 2,
+    ellipsisMode: "use"
+  }), /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b",
+    spacingType: "width"
+  })), alias && /*#__PURE__*/React.createElement(D_MembershipSectionItem.Description, {
+    text: alias,
+    styleTheme: "body2Bold",
+    wordBreak: "break_all",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left"
+  })), /*#__PURE__*/React.createElement(D_MembershipSectionItem.Title, {
+    text: productFeeText,
+    customFontSize: "32px",
+    customFontWeight: "bold",
+    wordBreak: "break_all",
+    color: itemHighlightingColorInHex
+  })), /*#__PURE__*/React.createElement(D_MembershipSectionItem.ColorOverrideIcon, {
+    iconColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    iconName: "ic_arrow_down"
+  })), /*#__PURE__*/React.createElement(D_MembershipSectionItem.XlargeMainButton, {
+    buttonBackgroundColor: isDeactivated ? undefined : itemHighlightingColorInHex,
+    buttonText: itemActionButtonText,
+    buttonTextColor: isDeactivated ? undefined : '#FDFDFDFF',
+    state: isDeactivated ? 'disabled' : 'normal'
+  }));
+}
+const S_MembershipInfoTitle = styled.div.withConfig({
+  displayName: "MembershipPlanSheet__S_MembershipInfoTitle",
+  componentId: "sc-1hvrjj-0"
+})(["display:flex;"]);
+const S_MembershipInfoBox = styled.div.withConfig({
+  displayName: "MembershipPlanSheet__S_MembershipInfoBox",
+  componentId: "sc-1hvrjj-1"
+})(["display:flex;flex-direction:column;width:100%;"]);
+export default MembershipPlanSheet;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VNZW1vIiwidXNlVHJhbnNsYXRpb24iLCJDb250ZW50U2hlZXQiLCJTcGFjaW5nIiwiRF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0iLCJNRU1CRVJTSElQX1NFQ1RJT05fU1VCU0NSSVBUSU9OX1BST0RVQ1RfVFlQRV9URVhUIiwiTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1IiLCJmb3JtYXRDdXJyZW5jeSIsInN0eWxlZCIsIk1lbWJlcnNoaXBQbGFuU2hlZXQiLCJjb25uZWN0ZWRTdWJzY3JpcHRpb25Qcm9kdWN0Iiwic2VjdGlvblN0eWxlcyIsInQiLCJzdWJzY3JpcHRpb25Qcm9kdWN0IiwidHlwZSIsImFsaWFzIiwiZmVlIiwiaXNEZWFjdGl2YXRlZCIsIml0ZW1Ub25lVHlwZSIsIml0ZW1IaWdobGlnaHRpbmdDb2xvckluSGV4IiwicHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25UZXh0VHlwZSIsInByb2R1Y3RGZWVUZXh0IiwiYW1vdW50IiwiY3VycmVuY3kiLCJwcmljZSIsIml0ZW1BY3Rpb25CdXR0b25UZXh0IiwiaXRlbUFjdGlvbkJ1dHRvblRleHRUeXBlIiwiQSIsIkIiLCJDIiwiRCIsIkUiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsInNpemUiLCJ3aWR0aCIsImhlaWdodCIsInNoYXBlVHlwZSIsIm92ZXJyaWRlQ1NTIiwiZGlzcGxheSIsImN1cnNvciIsImJhY2tncm91bmRDb2xvciIsIm1lbWJlcnNoaXBQbGFuU2hlZXRCYWNrZ3JvdW5kQ29sb3IiLCJTX01lbWJlcnNoaXBJbmZvQm94IiwiU19NZW1iZXJzaGlwSW5mb1RpdGxlIiwiVGl0bGUiLCJ0ZXh0Iiwic3R5bGVUaGVtZSIsImNvbG9yIiwibWVtYmVyc2hpcFNoZWV0VGV4dExhYmVsQ29sb3IiLCJ0ZXh0QWxpZ24iLCJ3b3JkQnJlYWsiLCJsaW5lTGltaXQiLCJlbGxpcHNpc01vZGUiLCJzcGFjaW5nVHlwZSIsIkRlc2NyaXB0aW9uIiwiY3VzdG9tRm9udFNpemUiLCJjdXN0b21Gb250V2VpZ2h0IiwiQ29sb3JPdmVycmlkZUljb24iLCJpY29uQ29sb3IiLCJpY29uTmFtZSIsIlhsYXJnZU1haW5CdXR0b24iLCJidXR0b25CYWNrZ3JvdW5kQ29sb3IiLCJ1bmRlZmluZWQiLCJidXR0b25UZXh0IiwiYnV0dG9uVGV4dENvbG9yIiwic3RhdGUiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9zdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9NZW1iZXJzaGlwU2VjdGlvbi9FZGl0VHlwZS90ZW1wbGF0ZXMvVGVtcGxhdGVCL2Rlc2t0b3AvY29tcG9uZW50cy9NZW1iZXJzaGlwUGxhblNoZWV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgQ29udGVudFNoZWV0IH0gZnJvbSAnQGRlc2t0b3AvcGFuZWxzJztcbmltcG9ydCB7IFNwYWNpbmcgfSBmcm9tICdAaHlicmlkL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0gfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vY29tcG9uZW50cyc7XG5pbXBvcnQge1xuICBNRU1CRVJTSElQX1NFQ1RJT05fU1VCU0NSSVBUSU9OX1BST0RVQ1RfVFlQRV9URVhULFxuICBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUlxufSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vY29uc3RhbnRzJztcbmltcG9ydCBmb3JtYXRDdXJyZW5jeSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvdXRpbHMvZm9ybWF0Q3VycmVuY3knO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB0eXBlIHsgSUNvbm5lY3RlZFN1YnNjcmlwdGlvblByb2R1Y3RzLCBJU2VjdGlvblN0eWxlcyB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbm5lY3RlZFN1YnNjcmlwdGlvblByb2R1Y3Q6IElDb25uZWN0ZWRTdWJzY3JpcHRpb25Qcm9kdWN0cztcbiAgc2VjdGlvblN0eWxlczogSVNlY3Rpb25TdHlsZXM7XG59O1xuXG5mdW5jdGlvbiBNZW1iZXJzaGlwUGxhblNoZWV0KHsgY29ubmVjdGVkU3Vic2NyaXB0aW9uUHJvZHVjdCwgc2VjdGlvblN0eWxlcyB9OiBQcm9wcykge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCd0cmFuc2xhdGlvbicpO1xuICBjb25zdCB7IHN1YnNjcmlwdGlvblByb2R1Y3QgfSA9IGNvbm5lY3RlZFN1YnNjcmlwdGlvblByb2R1Y3Q7XG4gIGNvbnN0IHsgdHlwZSwgYWxpYXMsIGZlZSwgaXNEZWFjdGl2YXRlZCB9ID0gc3Vic2NyaXB0aW9uUHJvZHVjdDtcbiAgY29uc3QgeyBpdGVtVG9uZVR5cGUsIGl0ZW1IaWdobGlnaHRpbmdDb2xvckluSGV4LCBwcm9ncmFtbWVkSXRlbUFjdGlvbkJ1dHRvblRleHRUeXBlIH0gPVxuICAgIHNlY3Rpb25TdHlsZXM7XG5cbiAgY29uc3QgcHJvZHVjdEZlZVRleHQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCB7IGFtb3VudCwgY3VycmVuY3kgfSA9IGZlZTtcbiAgICBjb25zdCBwcmljZSA9IGZvcm1hdEN1cnJlbmN5KGFtb3VudCwgY3VycmVuY3kpO1xuXG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlICdDT1VQT05fRlJFRV9GSU5JVEUnOlxuICAgICAgY2FzZSAnQ09VUE9OX0ZSRUVfSU5GSU5JVEUnOlxuICAgICAgY2FzZSAnRlJFRV9GSU5JVEUnOlxuICAgICAgY2FzZSAnRlJFRV9JTkZJTklURSc6XG4gICAgICAgIHJldHVybiB0KCdzdHJfZnJlZScpO1xuICAgIH1cblxuICAgIHN3aXRjaCAoY3VycmVuY3kpIHtcbiAgICAgIGNhc2UgJ0tSVyc6XG4gICAgICAgIHJldHVybiB0KCdzdHJfNTMzOScsIHsgcHJpY2UgfSk7XG5cbiAgICAgIGNhc2UgJ1VTRCc6XG4gICAgICAgIHJldHVybiB0KCdzdHJfNTgzMScsIHsgcHJpY2UgfSk7XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9XG4gIH0sIFtzdWJzY3JpcHRpb25Qcm9kdWN0XSk7XG5cbiAgY29uc3QgaXRlbUFjdGlvbkJ1dHRvblRleHQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBpdGVtQWN0aW9uQnV0dG9uVGV4dFR5cGUgPSB7XG4gICAgICBBOiAnc3RyXzUzNTAnLFxuICAgICAgQjogJ3N0cl81MzUxJyxcbiAgICAgIEM6ICdzdHJfNTM1MicsXG4gICAgICBEOiAnc3RyXzUzNTMnLFxuICAgICAgRTogJ3N0cl81MzU0J1xuICAgIH1bcHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25UZXh0VHlwZV07XG4gICAgaWYgKGlzRGVhY3RpdmF0ZWQpIHtcbiAgICAgIHJldHVybiB0KCdzdHJfNTMwMCcpO1xuICAgIH1cblxuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSAnQ09VUE9OX0ZSRUVfRklOSVRFJzpcbiAgICAgIGNhc2UgJ0NPVVBPTl9GUkVFX0lORklOSVRFJzpcbiAgICAgIGNhc2UgJ0ZSRUVfRklOSVRFJzpcbiAgICAgIGNhc2UgJ0ZSRUVfSU5GSU5JVEUnOlxuICAgICAgICByZXR1cm4gdCgnc3RyXzE0NjAnKTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB0KGl0ZW1BY3Rpb25CdXR0b25UZXh0VHlwZSk7XG4gICAgfVxuICB9LCBbcHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25UZXh0VHlwZSwgdHlwZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxTcGFjaW5nIHNpemU9XCJzcGFjaW5nX2dcIiAvPlxuICAgICAgPENvbnRlbnRTaGVldFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9XCJhdXRvXCJcbiAgICAgICAgc2hhcGVUeXBlPVwicm91bmRcIlxuICAgICAgICBvdmVycmlkZUNTUz17e1xuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBQbGFuU2hlZXRCYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPFNfTWVtYmVyc2hpcEluZm9Cb3g+XG4gICAgICAgICAgPFNfTWVtYmVyc2hpcEluZm9UaXRsZT5cbiAgICAgICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8RF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0uVGl0bGVcbiAgICAgICAgICAgICAgICAgIHRleHQ9e3QoTUVNQkVSU0hJUF9TRUNUSU9OX1NVQlNDUklQVElPTl9QUk9EVUNUX1RZUEVfVEVYVFt0eXBlXSl9XG4gICAgICAgICAgICAgICAgICBzdHlsZVRoZW1lPVwiYm9keTJSZWd1bGFyXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICAgICAgICB3b3JkQnJlYWs9XCJicmVha19hbGxcIlxuICAgICAgICAgICAgICAgICAgbGluZUxpbWl0PXsyfVxuICAgICAgICAgICAgICAgICAgZWxsaXBzaXNNb2RlPVwidXNlXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxTcGFjaW5nIHNpemU9XCJzcGFjaW5nX2JcIiBzcGFjaW5nVHlwZT1cIndpZHRoXCIgLz5cbiAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICB7YWxpYXMgJiYgKFxuICAgICAgICAgICAgICA8RF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0uRGVzY3JpcHRpb25cbiAgICAgICAgICAgICAgICB0ZXh0PXthbGlhc31cbiAgICAgICAgICAgICAgICBzdHlsZVRoZW1lPVwiYm9keTJCb2xkXCJcbiAgICAgICAgICAgICAgICB3b3JkQnJlYWs9XCJicmVha19hbGxcIlxuICAgICAgICAgICAgICAgIGNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1NfTWVtYmVyc2hpcEluZm9UaXRsZT5cblxuICAgICAgICAgIDxEX01lbWJlcnNoaXBTZWN0aW9uSXRlbS5UaXRsZVxuICAgICAgICAgICAgdGV4dD17cHJvZHVjdEZlZVRleHR9XG4gICAgICAgICAgICBjdXN0b21Gb250U2l6ZT1cIjMycHhcIlxuICAgICAgICAgICAgY3VzdG9tRm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgd29yZEJyZWFrPVwiYnJlYWtfYWxsXCJcbiAgICAgICAgICAgIGNvbG9yPXtpdGVtSGlnaGxpZ2h0aW5nQ29sb3JJbkhleH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1NfTWVtYmVyc2hpcEluZm9Cb3g+XG5cbiAgICAgICAgPERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtLkNvbG9yT3ZlcnJpZGVJY29uXG4gICAgICAgICAgaWNvbkNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAgIGljb25OYW1lPVwiaWNfYXJyb3dfZG93blwiXG4gICAgICAgIC8+XG4gICAgICA8L0NvbnRlbnRTaGVldD5cblxuICAgICAgPERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtLlhsYXJnZU1haW5CdXR0b25cbiAgICAgICAgYnV0dG9uQmFja2dyb3VuZENvbG9yPXtpc0RlYWN0aXZhdGVkID8gdW5kZWZpbmVkIDogaXRlbUhpZ2hsaWdodGluZ0NvbG9ySW5IZXh9XG4gICAgICAgIGJ1dHRvblRleHQ9e2l0ZW1BY3Rpb25CdXR0b25UZXh0fVxuICAgICAgICBidXR0b25UZXh0Q29sb3I9e2lzRGVhY3RpdmF0ZWQgPyB1bmRlZmluZWQgOiAnI0ZERkRGREZGJ31cbiAgICAgICAgc3RhdGU9e2lzRGVhY3RpdmF0ZWQgPyAnZGlzYWJsZWQnIDogJ25vcm1hbCd9XG4gICAgICAvPlxuICAgIDwvPlxuICApO1xufVxuXG5jb25zdCBTX01lbWJlcnNoaXBJbmZvVGl0bGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgU19NZW1iZXJzaGlwSW5mb0JveCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgTWVtYmVyc2hpcFBsYW5TaGVldDtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxRQUFRLE9BQU87QUFDL0IsU0FBU0MsY0FBYyxRQUFRLGVBQWU7QUFFOUMsU0FBU0MsWUFBWSxRQUFRLGlCQUFpQjtBQUM5QyxTQUFTQyxPQUFPLFFBQVEsb0JBQW9CO0FBQzVDLFNBQVNDLHVCQUF1QixRQUFRLDBEQUEwRDtBQUNsRyxTQUNFQyxpREFBaUQsRUFDakRDLDZCQUE2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

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js

@@ -0,0 +1,119 @@
+import { useContext, useState } from 'react';
+import { SectionSheet } from '@desktop/panels';
+import { Spacing } from '@hybrid/components';
+import { Item } from '@sub/DynamicLayout/components/desktop';
+import { sectionContext } from '@sub/DynamicLayout/components/Section';
+import { D_MembershipSectionItem } from '@sub/DynamicLayout/sections/MembershipSection/components';
+import { MEMBERSHIP_SECTION_TONE_COLOR } from '@sub/DynamicLayout/sections/MembershipSection/constants';
+import styled from 'styled-components';
+import MembershipBenefitInfo from './MembershipBenefitInfo';
+import MembershipCard from './MembershipCard';
+import MembershipPlanSheet from './MembershipPlanSheet';
+import UnavailableMembershipPlanSheet from './UnavailableMembershipPlanSheet';
+function MembershipSheet({
+  filteredMemberships,
+  isWideView
+}) {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const section = useContext(sectionContext);
+  if (!section) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  const {
+    itemToneType
+  } = section.styles;
+  const currentMembership = filteredMemberships[currentIndex];
+  const {
+    membership,
+    connectedSubscriptionProducts
+  } = currentMembership;
+  const handlePrevMembershipClick = () => {
+    if (currentIndex === 0) {
+      return;
+    }
+    setCurrentIndex(currentIndex - 1);
+  };
+  const handleNextMembershipClick = () => {
+    if (currentIndex === filteredMemberships.length - 1) {
+      return;
+    }
+    setCurrentIndex(currentIndex + 1);
+  };
+  return /*#__PURE__*/React.createElement(S_MembershipBox, null, filteredMemberships.length > 1 && /*#__PURE__*/React.createElement(S_ArrowButtonBox, null, /*#__PURE__*/React.createElement(D_MembershipSectionItem.IconButton, {
+    iconButtonBorderColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBorderColor,
+    iconButtonBackgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBackgroundColor,
+    iconButtonDisabledBackgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledBackgroundColor,
+    iconButtonDisabledIconColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledIconColor,
+    iconButtonIconColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonIconColor,
+    iconName: "ic_arrow_left",
+    isDisabled: currentIndex === 0,
+    state: currentIndex === 0 ? 'disabled' : 'normal',
+    onClick: handlePrevMembershipClick
+  }), /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_f",
+    spacingType: "width"
+  }), /*#__PURE__*/React.createElement(D_MembershipSectionItem.IconButton, {
+    iconButtonBorderColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBorderColor,
+    iconButtonBackgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonBackgroundColor,
+    iconButtonDisabledBackgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledBackgroundColor,
+    iconButtonDisabledIconColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonDisabledIconColor,
+    iconButtonIconColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].iconButtonIconColor,
+    iconName: "ic_arrow_right",
+    isDisabled: currentIndex === filteredMemberships.length - 1,
+    state: currentIndex === filteredMemberships.length - 1 ? 'disabled' : 'normal',
+    onClick: handleNextMembershipClick
+  })), /*#__PURE__*/React.createElement(SectionSheet, {
+    overrideCSS: {
+      backgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetBackgroundColor,
+      display: 'flex',
+      justifyContent: 'center',
+      minWidth: '1000px',
+      maxWidth: '1500px',
+      minHeight: '460px',
+      paddingBottom: '80px',
+      paddingLeft: isWideView ? '160px' : '64px',
+      paddingRight: isWideView ? '160px' : '64px',
+      paddingTop: '80px'
+    },
+    width: "100%",
+    height: "auto",
+    shapeType: "round"
+  }, /*#__PURE__*/React.createElement(MembershipCard, {
+    membershipCardTemplate: membership.membershipCardTemplate
+  }), /*#__PURE__*/React.createElement(S_MembershipDetailBox, {
+    isWideView: isWideView
+  }, membership.title && /*#__PURE__*/React.createElement(Item.Title, {
+    text: membership.title,
+    styleTheme: "displayBold",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    lineLimit: 2,
+    ellipsisMode: "use"
+  }), membership.membershipBenefitInfo && /*#__PURE__*/React.createElement(MembershipBenefitInfo, {
+    membershipBenefitInfo: membership.membershipBenefitInfo,
+    itemToneTextLabelColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor
+  }), connectedSubscriptionProducts.length > 0 ? /*#__PURE__*/React.createElement(MembershipPlanSheet, {
+    connectedSubscriptionProduct: connectedSubscriptionProducts[0],
+    sectionStyles: section.styles
+  }) : /*#__PURE__*/React.createElement(UnavailableMembershipPlanSheet, {
+    sectionStyles: section.styles
+  }))));
+}
+const S_MembershipBox = styled.div.withConfig({
+  displayName: "MembershipSheet__S_MembershipBox",
+  componentId: "sc-17ms91e-0"
+})(["display:flex;flex-direction:column;justify-content:space-between;position:relative;"]);
+const S_ArrowButtonBox = styled.div.withConfig({
+  displayName: "MembershipSheet__S_ArrowButtonBox",
+  componentId: "sc-17ms91e-1"
+})(["display:flex;justify-content:flex-end;margin-bottom:", ";"], ({
+  theme
+}) => theme.spacing.spacingE);
+const S_MembershipDetailBox = styled.div.withConfig({
+  displayName: "MembershipSheet__S_MembershipDetailBox",
+  componentId: "sc-17ms91e-2"
+})(["margin-left:", "px;max-width:560px;position:relative;width:100%;"], ({
+  isWideView
+}) => isWideView ? 96 : 56);
+export default MembershipSheet;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb250ZXh0IiwidXNlU3RhdGUiLCJTZWN0aW9uU2hlZXQiLCJTcGFjaW5nIiwiSXRlbSIsInNlY3Rpb25Db250ZXh0IiwiRF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0iLCJNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUiIsInN0eWxlZCIsIk1lbWJlcnNoaXBCZW5lZml0SW5mbyIsIk1lbWJlcnNoaXBDYXJkIiwiTWVtYmVyc2hpcFBsYW5TaGVldCIsIlVuYXZhaWxhYmxlTWVtYmVyc2hpcFBsYW5TaGVldCIsIk1lbWJlcnNoaXBTaGVldCIsImZpbHRlcmVkTWVtYmVyc2hpcHMiLCJpc1dpZGVWaWV3IiwiY3VycmVudEluZGV4Iiwic2V0Q3VycmVudEluZGV4Iiwic2VjdGlvbiIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiaXRlbVRvbmVUeXBlIiwic3R5bGVzIiwiY3VycmVudE1lbWJlcnNoaXAiLCJtZW1iZXJzaGlwIiwiY29ubmVjdGVkU3Vic2NyaXB0aW9uUHJvZHVjdHMiLCJoYW5kbGVQcmV2TWVtYmVyc2hpcENsaWNrIiwiaGFuZGxlTmV4dE1lbWJlcnNoaXBDbGljayIsImxlbmd0aCIsIlNfTWVtYmVyc2hpcEJveCIsIlNfQXJyb3dCdXR0b25Cb3giLCJJY29uQnV0dG9uIiwiaWNvbkJ1dHRvbkJvcmRlckNvbG9yIiwiaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvciIsImljb25CdXR0b25EaXNhYmxlZEJhY2tncm91bmRDb2xvciIsImljb25CdXR0b25EaXNhYmxlZEljb25Db2xvciIsImljb25CdXR0b25JY29uQ29sb3IiLCJpY29uTmFtZSIsImlzRGlzYWJsZWQiLCJzdGF0ZSIsIm9uQ2xpY2siLCJzaXplIiwic3BhY2luZ1R5cGUiLCJvdmVycmlkZUNTUyIsImJhY2tncm91bmRDb2xvciIsIm1lbWJlcnNoaXBTaGVldEJhY2tncm91bmRDb2xvciIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsIm1pbldpZHRoIiwibWF4V2lkdGgiLCJtaW5IZWlnaHQiLCJwYWRkaW5nQm90dG9tIiwicGFkZGluZ0xlZnQiLCJwYWRkaW5nUmlnaHQiLCJwYWRkaW5nVG9wIiwid2lkdGgiLCJoZWlnaHQiLCJzaGFwZVR5cGUiLCJtZW1iZXJzaGlwQ2FyZFRlbXBsYXRlIiwiU19NZW1iZXJzaGlwRGV0YWlsQm94IiwidGl0bGUiLCJUaXRsZSIsInRleHQiLCJzdHlsZVRoZW1lIiwiY29sb3IiLCJtZW1iZXJzaGlwU2hlZXRUZXh0TGFiZWxDb2xvciIsInRleHRBbGlnbiIsImxpbmVMaW1pdCIsImVsbGlwc2lzTW9kZSIsIm1lbWJlcnNoaXBCZW5lZml0SW5mbyIsIml0ZW1Ub25lVGV4dExhYmVsQ29sb3IiLCJjb25uZWN0ZWRTdWJzY3JpcHRpb25Qcm9kdWN0Iiwic2VjdGlvblN0eWxlcyIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIiwidGhlbWUiLCJzcGFjaW5nIiwic3BhY2luZ0UiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vRWRpdFR5cGUvdGVtcGxhdGVzL1RlbXBsYXRlQi9kZXNrdG9wL2NvbXBvbmVudHMvTWVtYmVyc2hpcFNoZWV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgU2VjdGlvblNoZWV0IH0gZnJvbSAnQGRlc2t0b3AvcGFuZWxzJztcbmltcG9ydCB7IFNwYWNpbmcgfSBmcm9tICdAaHlicmlkL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9jb21wb25lbnRzL2Rlc2t0b3AnO1xuaW1wb3J0IHsgc2VjdGlvbkNvbnRleHQgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uJztcbmltcG9ydCB7IERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1IgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vY29uc3RhbnRzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgTWVtYmVyc2hpcEJlbmVmaXRJbmZvIGZyb20gJy4vTWVtYmVyc2hpcEJlbmVmaXRJbmZvJztcbmltcG9ydCBNZW1iZXJzaGlwQ2FyZCBmcm9tICcuL01lbWJlcnNoaXBDYXJkJztcbmltcG9ydCBNZW1iZXJzaGlwUGxhblNoZWV0IGZyb20gJy4vTWVtYmVyc2hpcFBsYW5TaGVldCc7XG5pbXBvcnQgVW5hdmFpbGFibGVNZW1iZXJzaGlwUGxhblNoZWV0IGZyb20gJy4vVW5hdmFpbGFibGVNZW1iZXJzaGlwUGxhblNoZWV0JztcblxuaW1wb3J0IHR5cGUgeyBJQ29ubmVjdGVkTWVtYmVyc2hpcCwgSVNlY3Rpb24gfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvdHlwZXMnO1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXJlZE1lbWJlcnNoaXBzOiBJQ29ubmVjdGVkTWVtYmVyc2hpcFtdO1xuICBpc1dpZGVWaWV3OiBib29sZWFuO1xufTtcblxuZnVuY3Rpb24gTWVtYmVyc2hpcFNoZWV0KHsgZmlsdGVyZWRNZW1iZXJzaGlwcywgaXNXaWRlVmlldyB9OiBQcm9wcykge1xuICBjb25zdCBbY3VycmVudEluZGV4LCBzZXRDdXJyZW50SW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPigwKTtcblxuICBjb25zdCBzZWN0aW9uID0gdXNlQ29udGV4dChzZWN0aW9uQ29udGV4dCkgYXMgSVNlY3Rpb247XG5cbiAgaWYgKCFzZWN0aW9uKSB7XG4gICAgcmV0dXJuIDw+PC8+O1xuICB9XG5cbiAgY29uc3QgeyBpdGVtVG9uZVR5cGUgfSA9IHNlY3Rpb24uc3R5bGVzO1xuXG4gIGNvbnN0IGN1cnJlbnRNZW1iZXJzaGlwID0gZmlsdGVyZWRNZW1iZXJzaGlwc1tjdXJyZW50SW5kZXhdO1xuICBjb25zdCB7IG1lbWJlcnNoaXAsIGNvbm5lY3RlZFN1YnNjcmlwdGlvblByb2R1Y3RzIH0gPSBjdXJyZW50TWVtYmVyc2hpcDtcblxuICBjb25zdCBoYW5kbGVQcmV2TWVtYmVyc2hpcENsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgc2V0Q3VycmVudEluZGV4KGN1cnJlbnRJbmRleCAtIDEpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRNZW1iZXJzaGlwQ2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleCA9PT0gZmlsdGVyZWRNZW1iZXJzaGlwcy5sZW5ndGggLSAxKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHNldEN1cnJlbnRJbmRleChjdXJyZW50SW5kZXggKyAxKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTX01lbWJlcnNoaXBCb3g+XG4gICAgICB7ZmlsdGVyZWRNZW1iZXJzaGlwcy5sZW5ndGggPiAxICYmIChcbiAgICAgICAgPFNfQXJyb3dCdXR0b25Cb3g+XG4gICAgICAgICAgPERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtLkljb25CdXR0b25cbiAgICAgICAgICAgIGljb25CdXR0b25Cb3JkZXJDb2xvcj17XG4gICAgICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0uaWNvbkJ1dHRvbkJvcmRlckNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpY29uQnV0dG9uQmFja2dyb3VuZENvbG9yPXtcbiAgICAgICAgICAgICAgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpY29uQnV0dG9uRGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3I9e1xuICAgICAgICAgICAgICBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLmljb25CdXR0b25EaXNhYmxlZEJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbkJ1dHRvbkRpc2FibGVkSWNvbkNvbG9yPXtcbiAgICAgICAgICAgICAgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5pY29uQnV0dG9uRGlzYWJsZWRJY29uQ29sb3JcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb25CdXR0b25JY29uQ29sb3I9e01FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0uaWNvbkJ1dHRvbkljb25Db2xvcn1cbiAgICAgICAgICAgIGljb25OYW1lPVwiaWNfYXJyb3dfbGVmdFwiXG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzdGF0ZT17Y3VycmVudEluZGV4ID09PSAwID8gJ2Rpc2FibGVkJyA6ICdub3JtYWwnfVxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldk1lbWJlcnNoaXBDbGlja31cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAgPFNwYWNpbmcgc2l6ZT1cInNwYWNpbmdfZlwiIHNwYWNpbmdUeXBlPVwid2lkdGhcIiAvPlxuICAgICAgICAgIDxEX01lbWJlcnNoaXBTZWN0aW9uSXRlbS5JY29uQnV0dG9uXG4gICAgICAgICAgICBpY29uQnV0dG9uQm9yZGVyQ29sb3I9e1xuICAgICAgICAgICAgICBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLmljb25CdXR0b25Cb3JkZXJDb2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcj17XG4gICAgICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0uaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbkJ1dHRvbkRpc2FibGVkQmFja2dyb3VuZENvbG9yPXtcbiAgICAgICAgICAgICAgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5pY29uQnV0dG9uRGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb25CdXR0b25EaXNhYmxlZEljb25Db2xvcj17XG4gICAgICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0uaWNvbkJ1dHRvbkRpc2FibGVkSWNvbkNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpY29uQnV0dG9uSWNvbkNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLmljb25CdXR0b25JY29uQ29sb3J9XG4gICAgICAgICAgICBpY29uTmFtZT1cImljX2Fycm93X3JpZ2h0XCJcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gZmlsdGVyZWRNZW1iZXJzaGlwcy5sZW5ndGggLSAxfVxuICAgICAgICAgICAgc3RhdGU9e2N1cnJlbnRJbmRleCA9PT0gZmlsdGVyZWRNZW1iZXJzaGlwcy5sZW5ndGggLSAxID8gJ2Rpc2FibGVkJyA6ICdub3JtYWwnfVxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlTmV4dE1lbWJlcnNoaXBDbGlja31cbiAgICAgICAgICAvPlxuICAgICAgICA8L1NfQXJyb3dCdXR0b25Cb3g+XG4gICAgICApfVxuICAgICAgPFNlY3Rpb25TaGVldFxuICAgICAgICBvdmVycmlkZUNTUz17e1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0ubWVtYmVyc2hpcFNoZWV0QmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgbWluV2lkdGg6ICcxMDAwcHgnLFxuICAgICAgICAgIG1heFdpZHRoOiAnMTUwMHB4JyxcbiAgICAgICAgICBtaW5IZWlnaHQ6ICc0NjBweCcsXG4gICAgICAgICAgcGFkZGluZ0JvdHRvbTogJzgwcHgnLFxuICAgICAgICAgIHBhZGRpbmdMZWZ0OiBpc1dpZGVWaWV3ID8gJzE2MHB4JyA6ICc2NHB4JyxcbiAgICAgICAgICBwYWRkaW5nUmlnaHQ6IGlzV2lkZVZpZXcgPyAnMTYwcHgnIDogJzY0cHgnLFxuICAgICAgICAgIHBhZGRpbmdUb3A6ICc4MHB4J1xuICAgICAgICB9fVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9XCJhdXRvXCJcbiAgICAgICAgc2hhcGVUeXBlPVwicm91bmRcIlxuICAgICAgPlxuICAgICAgICA8TWVtYmVyc2hpcENhcmQgbWVtYmVyc2hpcENhcmRUZW1wbGF0ZT17bWVtYmVyc2hpcC5tZW1iZXJzaGlwQ2FyZFRlbXBsYXRlfSAvPlxuXG4gICAgICAgIDxTX01lbWJlcnNoaXBEZXRhaWxCb3ggaXNXaWRlVmlldz17aXNXaWRlVmlld30+XG4gICAgICAgICAge21lbWJlcnNoaXAudGl0bGUgJiYgKFxuICAgICAgICAgICAgPEl0ZW0uVGl0bGVcbiAgICAgICAgICAgICAgdGV4dD17bWVtYmVyc2hpcC50aXRsZX1cbiAgICAgICAgICAgICAgc3R5bGVUaGVtZT1cImRpc3BsYXlCb2xkXCJcbiAgICAgICAgICAgICAgY29sb3I9e01FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0ubWVtYmVyc2hpcFNoZWV0VGV4dExhYmVsQ29sb3J9XG4gICAgICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgICAgICBsaW5lTGltaXQ9ezJ9XG4gICAgICAgICAgICAgIGVsbGlwc2lzTW9kZT1cInVzZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7bWVtYmVyc2hpcC5tZW1iZXJzaGlwQmVuZWZpdEluZm8gJiYgKFxuICAgICAgICAgICAgPE1lbWJlcnNoaXBCZW5lZml0SW5mb1xuICAgICAgICAgICAgICBtZW1iZXJzaGlwQmVuZWZpdEluZm89e21lbWJlcnNoaXAubWVtYmVyc2hpcEJlbmVmaXRJbmZvfVxuICAgICAgICAgICAgICBpdGVtVG9uZVRleHRMYWJlbENvbG9yPXtcbiAgICAgICAgICAgICAgICBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHtjb25uZWN0ZWRTdWJzY3JpcHRpb25Qcm9kdWN0cy5sZW5ndGggPiAwID8gKFxuICAgICAgICAgICAgPE1lbWJlcnNoaXBQbGFuU2hlZXRcbiAgICAgICAgICAgICAgY29ubmVjdGVkU3Vic2NyaXB0aW9uUHJvZHVjdD17Y29ubmVjdGVkU3Vic2NyaXB0aW9uUHJvZHVjdHNbMF19XG4gICAgICAgICAgICAgIHNlY3Rpb25TdHlsZXM9e3NlY3Rpb24uc3R5bGVzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFVuYXZhaWxhYmxlTWVtYmVyc2hpcFBsYW5TaGVldCBzZWN0aW9uU3R5bGVzPXtzZWN0aW9uLnN0eWxlc30gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1NfTWVtYmVyc2hpcERldGFpbEJveD5cbiAgICAgIDwvU2VjdGlvblNoZWV0PlxuICAgIDwvU19NZW1iZXJzaGlwQm94PlxuICApO1xufVxuXG5jb25zdCBTX01lbWJlcnNoaXBCb3ggPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFNfQXJyb3dCdXR0b25Cb3ggPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmcuc3BhY2luZ0V9O1xuYDtcblxuY29uc3QgU19NZW1iZXJzaGlwRGV0YWlsQm94ID0gc3R5bGVkLmRpdjx7IGlzV2lkZVZpZXc6IGJvb2xlYW4gfT5gXG4gIG1hcmdpbi1sZWZ0OiAkeyh7IGlzV2lkZVZpZXcgfSkgPT4gKGlzV2lkZVZpZXcgPyA5NiA6IDU2KX1weDtcbiAgbWF4LXdpZHRoOiA1NjBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IE1lbWJlcnNoaXBTaGVldDtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsVUFBVSxFQUFFQyxRQUFRLFFBQVEsT0FBTztBQUU1QyxTQUFTQyxZQUFZLFFBQVEsaUJBQWlCO0FBQzlDLFNBQVNDLE9BQU8sUUFBUSxvQkFBb0I7QUFDNUMsU0FBU0MsSUFBSSxRQUFRLHVDQUF1QztBQUM1RCxTQUFTQyxjQUFjLFFBQVEsdUNBQXVDO0FBQ3RFLFNBQVNDLHVCQUF1QixRQUFRLDBEQUEwRDtBQUNsRyxTQUFTQyw2QkFBNkIsUUFBUSx5REFBeUQ7QUFDdkcsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUV0QyxPQUFPQyxxQkFBcUIsTUFBTSx5QkFBeUI7QUFDM0QsT0FBT0MsY0FBYyxNQUFNLGtC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

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js

@@ -0,0 +1,67 @@
+import { useContext } from 'react';
+import { sectionContext } from '@sub/DynamicLayout/components/Section';
+import { D_MembershipSectionItem } from '@sub/DynamicLayout/sections/MembershipSection/components';
+import styled from 'styled-components';
+function SectionContents() {
+  const section = useContext(sectionContext);
+  if (!section) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  const {
+    buttonAlphaBackgroundColorInHex,
+    buttonAlphaLabelColorInHex,
+    buttonAlphaDesignType,
+    descriptionColorInHex,
+    titleColorInHex
+  } = section.styles;
+  const {
+    title,
+    description,
+    buttonAlphaLabel,
+    buttonAlphaLinkSrc,
+    buttonAlphaLinkType
+  } = section.properties;
+  return /*#__PURE__*/React.createElement(S_SectionDataBox, {
+    isEmptySectionData: !title && !description && !buttonAlphaLinkSrc
+  }, title && /*#__PURE__*/React.createElement(D_MembershipSectionItem.Title, {
+    text: title,
+    textAlign: "center",
+    color: titleColorInHex,
+    customFontSize: "48px",
+    customFontWeight: "bold"
+  }), description && /*#__PURE__*/React.createElement(S_DescriptionWrapper, null, /*#__PURE__*/React.createElement(D_MembershipSectionItem.Description, {
+    text: description,
+    textAlign: "center",
+    color: descriptionColorInHex,
+    customFontSize: "20px",
+    fontWeight: "600"
+  })), buttonAlphaLinkSrc && /*#__PURE__*/React.createElement(S_ButtonWrapper, null, /*#__PURE__*/React.createElement(D_MembershipSectionItem.DesignedSectionButton, {
+    buttonType: buttonAlphaDesignType,
+    text: buttonAlphaLabel,
+    linkType: buttonAlphaLinkType,
+    src: buttonAlphaLinkSrc,
+    textColor: buttonAlphaLabelColorInHex,
+    backgroundColor: buttonAlphaBackgroundColorInHex,
+    borderColor: buttonAlphaLabelColorInHex
+  })));
+}
+const S_SectionDataBox = styled.div.withConfig({
+  displayName: "SectionContents__S_SectionDataBox",
+  componentId: "sc-qymvvd-0"
+})(["margin-bottom:", ";"], ({
+  isEmptySectionData
+}) => isEmptySectionData ? 0 : '80px');
+const S_DescriptionWrapper = styled.div.withConfig({
+  displayName: "SectionContents__S_DescriptionWrapper",
+  componentId: "sc-qymvvd-1"
+})(["padding-top:", ";"], ({
+  theme
+}) => theme.spacing.spacingF);
+const S_ButtonWrapper = styled.div.withConfig({
+  displayName: "SectionContents__S_ButtonWrapper",
+  componentId: "sc-qymvvd-2"
+})(["align-items:center;display:flex;justify-content:center;padding-top:", ";"], ({
+  theme
+}) => theme.spacing.spacingG);
+export default SectionContents;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb250ZXh0Iiwic2VjdGlvbkNvbnRleHQiLCJEX01lbWJlcnNoaXBTZWN0aW9uSXRlbSIsInN0eWxlZCIsIlNlY3Rpb25Db250ZW50cyIsInNlY3Rpb24iLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsImJ1dHRvbkFscGhhQmFja2dyb3VuZENvbG9ySW5IZXgiLCJidXR0b25BbHBoYUxhYmVsQ29sb3JJbkhleCIsImJ1dHRvbkFscGhhRGVzaWduVHlwZSIsImRlc2NyaXB0aW9uQ29sb3JJbkhleCIsInRpdGxlQ29sb3JJbkhleCIsInN0eWxlcyIsInRpdGxlIiwiZGVzY3JpcHRpb24iLCJidXR0b25BbHBoYUxhYmVsIiwiYnV0dG9uQWxwaGFMaW5rU3JjIiwiYnV0dG9uQWxwaGFMaW5rVHlwZSIsInByb3BlcnRpZXMiLCJTX1NlY3Rpb25EYXRhQm94IiwiaXNFbXB0eVNlY3Rpb25EYXRhIiwiVGl0bGUiLCJ0ZXh0IiwidGV4dEFsaWduIiwiY29sb3IiLCJjdXN0b21Gb250U2l6ZSIsImN1c3RvbUZvbnRXZWlnaHQiLCJTX0Rlc2NyaXB0aW9uV3JhcHBlciIsIkRlc2NyaXB0aW9uIiwiZm9udFdlaWdodCIsIlNfQnV0dG9uV3JhcHBlciIsIkRlc2lnbmVkU2VjdGlvbkJ1dHRvbiIsImJ1dHRvblR5cGUiLCJsaW5rVHlwZSIsInNyYyIsInRleHRDb2xvciIsImJhY2tncm91bmRDb2xvciIsImJvcmRlckNvbG9yIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiLCJ0aGVtZSIsInNwYWNpbmciLCJzcGFjaW5nRiIsInNwYWNpbmdHIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL0VkaXRUeXBlL3RlbXBsYXRlcy9UZW1wbGF0ZUIvZGVza3RvcC9jb21wb25lbnRzL1NlY3Rpb25Db250ZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgc2VjdGlvbkNvbnRleHQgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uJztcbmltcG9ydCB7IERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB0eXBlIHsgSVNlY3Rpb24gfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvdHlwZXMnO1xuXG5mdW5jdGlvbiBTZWN0aW9uQ29udGVudHMoKSB7XG4gIGNvbnN0IHNlY3Rpb24gPSB1c2VDb250ZXh0KHNlY3Rpb25Db250ZXh0KSBhcyBJU2VjdGlvbjtcblxuICBpZiAoIXNlY3Rpb24pIHtcbiAgICByZXR1cm4gPD48Lz47XG4gIH1cblxuICBjb25zdCB7XG4gICAgYnV0dG9uQWxwaGFCYWNrZ3JvdW5kQ29sb3JJbkhleCxcbiAgICBidXR0b25BbHBoYUxhYmVsQ29sb3JJbkhleCxcbiAgICBidXR0b25BbHBoYURlc2lnblR5cGUsXG4gICAgZGVzY3JpcHRpb25Db2xvckluSGV4LFxuICAgIHRpdGxlQ29sb3JJbkhleFxuICB9ID0gc2VjdGlvbi5zdHlsZXM7XG5cbiAgY29uc3QgeyB0aXRsZSwgZGVzY3JpcHRpb24sIGJ1dHRvbkFscGhhTGFiZWwsIGJ1dHRvbkFscGhhTGlua1NyYywgYnV0dG9uQWxwaGFMaW5rVHlwZSB9ID1cbiAgICBzZWN0aW9uLnByb3BlcnRpZXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U19TZWN0aW9uRGF0YUJveCBpc0VtcHR5U2VjdGlvbkRhdGE9eyF0aXRsZSAmJiAhZGVzY3JpcHRpb24gJiYgIWJ1dHRvbkFscGhhTGlua1NyY30+XG4gICAgICB7dGl0bGUgJiYgKFxuICAgICAgICA8RF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0uVGl0bGVcbiAgICAgICAgICB0ZXh0PXt0aXRsZX1cbiAgICAgICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgICAgIGNvbG9yPXt0aXRsZUNvbG9ySW5IZXh9XG4gICAgICAgICAgY3VzdG9tRm9udFNpemU9XCI0OHB4XCJcbiAgICAgICAgICBjdXN0b21Gb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICA8U19EZXNjcmlwdGlvbldyYXBwZXI+XG4gICAgICAgICAgPERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtLkRlc2NyaXB0aW9uXG4gICAgICAgICAgICB0ZXh0PXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIHRleHRBbGlnbj1cImNlbnRlclwiXG4gICAgICAgICAgICBjb2xvcj17ZGVzY3JpcHRpb25Db2xvckluSGV4fVxuICAgICAgICAgICAgY3VzdG9tRm9udFNpemU9XCIyMHB4XCJcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCI2MDBcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU19EZXNjcmlwdGlvbldyYXBwZXI+XG4gICAgICApfVxuXG4gICAgICB7YnV0dG9uQWxwaGFMaW5rU3JjICYmIChcbiAgICAgICAgPFNfQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICA8RF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0uRGVzaWduZWRTZWN0aW9uQnV0dG9uXG4gICAgICAgICAgICBidXR0b25UeXBlPXtidXR0b25BbHBoYURlc2lnblR5cGV9XG4gICAgICAgICAgICB0ZXh0PXtidXR0b25BbHBoYUxhYmVsfVxuICAgICAgICAgICAgbGlua1R5cGU9e2J1dHRvbkFscGhhTGlua1R5cGV9XG4gICAgICAgICAgICBzcmM9e2J1dHRvbkFscGhhTGlua1NyY31cbiAgICAgICAgICAgIHRleHRDb2xvcj17YnV0dG9uQWxwaGFMYWJlbENvbG9ySW5IZXh9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2J1dHRvbkFscGhhQmFja2dyb3VuZENvbG9ySW5IZXh9XG4gICAgICAgICAgICBib3JkZXJDb2xvcj17YnV0dG9uQWxwaGFMYWJlbENvbG9ySW5IZXh9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TX0J1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvU19TZWN0aW9uRGF0YUJveD5cbiAgKTtcbn1cblxuY29uc3QgU19TZWN0aW9uRGF0YUJveCA9IHN0eWxlZC5kaXY8eyBpc0VtcHR5U2VjdGlvbkRhdGE6IGJvb2xlYW4gfT5gXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgaXNFbXB0eVNlY3Rpb25EYXRhIH0pID0+IChpc0VtcHR5U2VjdGlvbkRhdGEgPyAwIDogJzgwcHgnKX07XG5gO1xuXG5jb25zdCBTX0Rlc2NyaXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmcuc3BhY2luZ0Z9O1xuYDtcblxuY29uc3QgU19CdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmcuc3BhY2luZ0d9O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgU2VjdGlvbkNvbnRlbnRzO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxVQUFVLFFBQVEsT0FBTztBQUVsQyxTQUFTQyxjQUFjLFFBQVEsdUNBQXVDO0FBQ3RFLFNBQVNDLHVCQUF1QixRQUFRLDBEQUEwRDtBQUNsRyxPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBSXRDLFNBQVNDLGVBQWVBLENBQUEsRUFBRztFQUN6QixNQUFNQyxPQUFPLEdBQUdMLFVBQVUsQ0FBQ0MsY0FBYyxDQUFhO0VBRXRELElB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

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.js

@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next';
+import { ContentSheet } from '@desktop/panels';
+import { Spacing } from '@hybrid/components';
+import { D_MembershipSectionItem } from '@sub/DynamicLayout/sections/MembershipSection/components';
+import { MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT, MEMBERSHIP_SECTION_TONE_COLOR } from '@sub/DynamicLayout/sections/MembershipSection/constants';
+function UnavailableMembershipPlanSheet({
+  sectionStyles
+}) {
+  const {
+    t
+  } = useTranslation('translation');
+  const {
+    itemToneType,
+    programmedItemActionButtonTextType
+  } = sectionStyles;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_g"
+  }), /*#__PURE__*/React.createElement(ContentSheet, {
+    width: "100%",
+    height: "auto",
+    shapeType: "round",
+    overrideCSS: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '112px',
+      backgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor
+    }
+  }, /*#__PURE__*/React.createElement(D_MembershipSectionItem.Title, {
+    text: t('str_5300'),
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor
+  })), /*#__PURE__*/React.createElement(D_MembershipSectionItem.XlargeMainButton, {
+    buttonText: t(MEMBERSHIP_SECTION_ACTION_BUTTON_TEXT[programmedItemActionButtonTextType]),
+    state: "disabled",
+    buttonTextColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].disabledProgrammedItemActionButtonTextColor,
+    buttonBackgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].disabledProgrammedItemActionButtonBackgroundColor
+  }));
+}
+export default UnavailableMembershipPlanSheet;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VUcmFuc2xhdGlvbiIsIkNvbnRlbnRTaGVldCIsIlNwYWNpbmciLCJEX01lbWJlcnNoaXBTZWN0aW9uSXRlbSIsIk1FTUJFUlNISVBfU0VDVElPTl9BQ1RJT05fQlVUVE9OX1RFWFQiLCJNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUiIsIlVuYXZhaWxhYmxlTWVtYmVyc2hpcFBsYW5TaGVldCIsInNlY3Rpb25TdHlsZXMiLCJ0IiwiaXRlbVRvbmVUeXBlIiwicHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25UZXh0VHlwZSIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50Iiwic2l6ZSIsIndpZHRoIiwiaGVpZ2h0Iiwic2hhcGVUeXBlIiwib3ZlcnJpZGVDU1MiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsImp1c3RpZnlDb250ZW50IiwiYmFja2dyb3VuZENvbG9yIiwibWVtYmVyc2hpcFBsYW5TaGVldEJhY2tncm91bmRDb2xvciIsIlRpdGxlIiwidGV4dCIsImNvbG9yIiwibWVtYmVyc2hpcFNoZWV0VGV4dExhYmVsQ29sb3IiLCJYbGFyZ2VNYWluQnV0dG9uIiwiYnV0dG9uVGV4dCIsInN0YXRlIiwiYnV0dG9uVGV4dENvbG9yIiwiZGlzYWJsZWRQcm9ncmFtbWVkSXRlbUFjdGlvbkJ1dHRvblRleHRDb2xvciIsImJ1dHRvbkJhY2tncm91bmRDb2xvciIsImRpc2FibGVkUHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25CYWNrZ3JvdW5kQ29sb3IiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vRWRpdFR5cGUvdGVtcGxhdGVzL1RlbXBsYXRlQi9kZXNrdG9wL2NvbXBvbmVudHMvVW5hdmFpbGFibGVNZW1iZXJzaGlwUGxhblNoZWV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBDb250ZW50U2hlZXQgfSBmcm9tICdAZGVza3RvcC9wYW5lbHMnO1xuaW1wb3J0IHsgU3BhY2luZyB9IGZyb20gJ0BoeWJyaWQvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBEX01lbWJlcnNoaXBTZWN0aW9uSXRlbSB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9NZW1iZXJzaGlwU2VjdGlvbi9jb21wb25lbnRzJztcbmltcG9ydCB7XG4gIE1FTUJFUlNISVBfU0VDVElPTl9BQ1RJT05fQlVUVE9OX1RFWFQsXG4gIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SXG59IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9NZW1iZXJzaGlwU2VjdGlvbi9jb25zdGFudHMnO1xuXG5pbXBvcnQgdHlwZSB7IElTZWN0aW9uU3R5bGVzIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3R5cGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgc2VjdGlvblN0eWxlczogSVNlY3Rpb25TdHlsZXM7XG59O1xuXG5mdW5jdGlvbiBVbmF2YWlsYWJsZU1lbWJlcnNoaXBQbGFuU2hlZXQoeyBzZWN0aW9uU3R5bGVzIH06IFByb3BzKSB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oJ3RyYW5zbGF0aW9uJyk7XG4gIGNvbnN0IHsgaXRlbVRvbmVUeXBlLCBwcm9ncmFtbWVkSXRlbUFjdGlvbkJ1dHRvblRleHRUeXBlIH0gPSBzZWN0aW9uU3R5bGVzO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxTcGFjaW5nIHNpemU9XCJzcGFjaW5nX2dcIiAvPlxuICAgICAgPENvbnRlbnRTaGVldFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9XCJhdXRvXCJcbiAgICAgICAgc2hhcGVUeXBlPVwicm91bmRcIlxuICAgICAgICBvdmVycmlkZUNTUz17e1xuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgaGVpZ2h0OiAnMTEycHgnLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjpcbiAgICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0ubWVtYmVyc2hpcFBsYW5TaGVldEJhY2tncm91bmRDb2xvclxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RF9NZW1iZXJzaGlwU2VjdGlvbkl0ZW0uVGl0bGVcbiAgICAgICAgICB0ZXh0PXt0KCdzdHJfNTMwMCcpfVxuICAgICAgICAgIGNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAvPlxuICAgICAgPC9Db250ZW50U2hlZXQ+XG5cbiAgICAgIDxEX01lbWJlcnNoaXBTZWN0aW9uSXRlbS5YbGFyZ2VNYWluQnV0dG9uXG4gICAgICAgIGJ1dHRvblRleHQ9e3QoTUVNQkVSU0hJUF9TRUNUSU9OX0FDVElPTl9CVVRUT05fVEVYVFtwcm9ncmFtbWVkSXRlbUFjdGlvbkJ1dHRvblRleHRUeXBlXSl9XG4gICAgICAgIHN0YXRlPVwiZGlzYWJsZWRcIlxuICAgICAgICBidXR0b25UZXh0Q29sb3I9e1xuICAgICAgICAgIE1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0uZGlzYWJsZWRQcm9ncmFtbWVkSXRlbUFjdGlvbkJ1dHRvblRleHRDb2xvclxuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbkJhY2tncm91bmRDb2xvcj17XG4gICAgICAgICAgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXVxuICAgICAgICAgICAgLmRpc2FibGVkUHJvZ3JhbW1lZEl0ZW1BY3Rpb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVW5hdmFpbGFibGVNZW1iZXJzaGlwUGxhblNoZWV0O1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxjQUFjLFFBQVEsZUFBZTtBQUU5QyxTQUFTQyxZQUFZLFFBQVEsaUJBQWlCO0FBQzlDLFNBQVNDLE9BQU8sUUFBUSxvQkFBb0I7QUFDNUMsU0FBU0MsdUJBQXVCLFFBQVEsMERBQTBEO0FBQ2xHLFNBQ0VDLHFDQUFxQyxFQUNyQ0MsNkJBQTZCLFFBQ3hCLHlEQUF5RDtBQVFoRSxTQUFTQyw4QkFBOEJBLENBQUM7RUFBRUM7QUFBcUIsQ0FBQyxFQUFFO0VBQ2hFLE1BQU07SUFBRUM7RUFBRSxDQUFDLEdBQUdSLGNBQWMsQ0FBQyxhQUFhLENBQUM7RUFDM0MsTUFBTTtJQUFFUyxZQUFZO0lBQUVDO0VBQW1DLENBQUMsR0FBR0gsYUFBYTtFQUUxRSxvQkFDRUksS0FBQSxDQUFBQyxhQUFBLENBQUFELEtBQUEsQ0FBQUUsUUFBQSxxQkFDRUYsS0FBQSxDQUFBQyxhQUFBLENBQUNWLE9BQU87SUFBQ1ksSUFBSSxFQUFDO0VBQVcsQ0FBRSxDQUFDLGVBQzVCSCxLQUFBLENBQUFDLGFBQUEsQ0FBQ1gsWUFBWTtJQUNYYyxLQUFLLEVBQUMsTUFBTTtJQUNaQyxNQUFNLEVBQUMsTUFBTTtJQUNiQyxTQUFTLEVBQUMsT0FBTztJQUNqQkMsV0FBVyxFQUFFO01BQ1hDLE9BQU8sRUFBRSxNQUFNO01BQ2ZDLFVBQVUsRUFBRSxRQUFRO01BQ3BCQyxjQUFjLEVBQUUsUUFBUTtNQUN4QkwsTUFBTSxFQUFFLE9BQU87TUFDZk0sZUFBZSxFQUNiakIsNkJBQTZCLENBQUNJLFlBQVksQ0FBQyxDQUFDYztJQUNoRDtFQUFFLGdCQUVGWixLQUFBLENBQUFDLGFBQUEsQ0FBQ1QsdUJBQXVCLENBQUNxQixLQUFLO0lBQzVCQyxJQUFJLEVBQUVqQixDQUFDLENBQUMsVUFBVSxDQUFFO0lBQ3BCa0IsS0FBSyxFQUFFckIsNkJBQTZCLENBQUNJLFlBQVksQ0FBQyxDQUFDa0I7RUFBOEIsQ0FDbEYsQ0FDVyxDQUFDLGVBRWZoQixLQUFBLENBQUFDLGFBQUEsQ0FBQ1QsdUJBQXVCLENBQUN5QixnQkFBZ0I7SUFDdkNDLFVBQVUsRUFBRXJCLENBQUMsQ0FBQ0oscUNBQXFDLENBQUNNLGtDQUFrQyxDQUFDLENBQUU7SUFDekZvQixLQUFLLEVBQUMsVUFBVTtJQUNoQkMsZUFBZSxFQUNiMUIsNkJBQTZCLENBQUNJLFlBQVksQ0FBQyxDQUFDdUIsMkNBQzdDO0lBQ0RDLHFCQUFxQixFQUNuQjVCLDZCQUE2QixDQUFDSSxZQUFZLENBQUMsQ0FDeEN5QjtFQUNKLENBQ0YsQ0FDRCxDQUFDO0FBRVA7QUFFQSxlQUFlNUIsOEJBQThCIiwiaWdub3JlTGlzdCI6W119

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/index.js

@@ -0,0 +1,2 @@
+export { default as D_TemplateB } from './D_TemplateB';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiRF9UZW1wbGF0ZUIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vRWRpdFR5cGUvdGVtcGxhdGVzL1RlbXBsYXRlQi9kZXNrdG9wL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgRF9UZW1wbGF0ZUIgfSBmcm9tICcuL0RfVGVtcGxhdGVCJztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxJQUFJQyxXQUFXLFFBQVEsZUFBZSIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/index.js

@@ -0,0 +1,2 @@
+export { default as TemplateB } from './TemplateB';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiVGVtcGxhdGVCIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL0VkaXRUeXBlL3RlbXBsYXRlcy9UZW1wbGF0ZUIvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCBhcyBUZW1wbGF0ZUIgfSBmcm9tICcuL1RlbXBsYXRlQic7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE9BQU8sSUFBSUMsU0FBUyxRQUFRLGFBQWEiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+import EmptyMembershipSheet from './components/EmptyMembershipSheet';
+import MembershipContents from './components/MembershipContents';
+import SectionContents from './components/SectionContents';
+function TemplateB({
+  membershipDisplay
+}) {
+  const orderedConnectedMemberships = membershipDisplay.connectedMemberships.slice().sort((a, b) => a.order - b.order) || [];
+  return /*#__PURE__*/React.createElement(S_MembershipSection, null, /*#__PURE__*/React.createElement(SectionContents, null), orderedConnectedMemberships.length > 0 ? /*#__PURE__*/React.createElement(MembershipContents, {
+    orderedConnectedMemberships: orderedConnectedMemberships
+  }) : /*#__PURE__*/React.createElement(EmptyMembershipSheet, null));
+}
+const S_MembershipSection = styled.div.withConfig({
+  displayName: "M_TemplateB__S_MembershipSection",
+  componentId: "sc-1iel916-0"
+})(["margin:", " auto;padding:0 ", ";"], ({
+  theme
+}) => theme.spacing.spacingG, ({
+  theme
+}) => theme.spacing.spacingE);
+export default TemplateB;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJFbXB0eU1lbWJlcnNoaXBTaGVldCIsIk1lbWJlcnNoaXBDb250ZW50cyIsIlNlY3Rpb25Db250ZW50cyIsIlRlbXBsYXRlQiIsIm1lbWJlcnNoaXBEaXNwbGF5Iiwib3JkZXJlZENvbm5lY3RlZE1lbWJlcnNoaXBzIiwiY29ubmVjdGVkTWVtYmVyc2hpcHMiLCJzbGljZSIsInNvcnQiLCJhIiwiYiIsIm9yZGVyIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiU19NZW1iZXJzaGlwU2VjdGlvbiIsImxlbmd0aCIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIiwidGhlbWUiLCJzcGFjaW5nIiwic3BhY2luZ0ciLCJzcGFjaW5nRSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9zdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9NZW1iZXJzaGlwU2VjdGlvbi9FZGl0VHlwZS90ZW1wbGF0ZXMvVGVtcGxhdGVCL21vYmlsZS9NX1RlbXBsYXRlQi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBFbXB0eU1lbWJlcnNoaXBTaGVldCBmcm9tICcuL2NvbXBvbmVudHMvRW1wdHlNZW1iZXJzaGlwU2hlZXQnO1xuaW1wb3J0IE1lbWJlcnNoaXBDb250ZW50cyBmcm9tICcuL2NvbXBvbmVudHMvTWVtYmVyc2hpcENvbnRlbnRzJztcbmltcG9ydCBTZWN0aW9uQ29udGVudHMgZnJvbSAnLi9jb21wb25lbnRzL1NlY3Rpb25Db250ZW50cyc7XG5cbmltcG9ydCB0eXBlIHsgSU1lbWJlcnNoaXBEaXNwbGF5IH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3R5cGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgbWVtYmVyc2hpcERpc3BsYXk6IElNZW1iZXJzaGlwRGlzcGxheTtcbn07XG5cbmZ1bmN0aW9uIFRlbXBsYXRlQih7IG1lbWJlcnNoaXBEaXNwbGF5IH06IFByb3BzKSB7XG4gIGNvbnN0IG9yZGVyZWRDb25uZWN0ZWRNZW1iZXJzaGlwcyA9XG4gICAgbWVtYmVyc2hpcERpc3BsYXkuY29ubmVjdGVkTWVtYmVyc2hpcHMuc2xpY2UoKS5zb3J0KChhLCBiKSA9PiBhLm9yZGVyIC0gYi5vcmRlcikgfHwgW107XG5cbiAgcmV0dXJuIChcbiAgICA8U19NZW1iZXJzaGlwU2VjdGlvbj5cbiAgICAgIDxTZWN0aW9uQ29udGVudHMgLz5cblxuICAgICAge29yZGVyZWRDb25uZWN0ZWRNZW1iZXJzaGlwcy5sZW5ndGggPiAwID8gKFxuICAgICAgICA8TWVtYmVyc2hpcENvbnRlbnRzIG9yZGVyZWRDb25uZWN0ZWRNZW1iZXJzaGlwcz17b3JkZXJlZENvbm5lY3RlZE1lbWJlcnNoaXBzfSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPEVtcHR5TWVtYmVyc2hpcFNoZWV0IC8+XG4gICAgICApfVxuICAgIDwvU19NZW1iZXJzaGlwU2VjdGlvbj5cbiAgKTtcbn1cblxuY29uc3QgU19NZW1iZXJzaGlwU2VjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nLnNwYWNpbmdHfSBhdXRvO1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZy5zcGFjaW5nRX07XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBUZW1wbGF0ZUI7XG4iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLE1BQU0sTUFBTSxtQkFBbUI7QUFFdEMsT0FBT0Msb0JBQW9CLE1BQU0sbUNBQW1DO0FBQ3BFLE9BQU9DLGtCQUFrQixNQUFNLGlDQUFpQztBQUNoRSxPQUFPQyxlQUFlLE1BQU0sOEJBQThCO0FBUTFELFNBQVNDLFNBQVNBLENBQUM7RUFBRUM7QUFBeUIsQ0FBQyxFQUFFO0VBQy9DLE1BQU1DLDJCQUEyQixHQUMvQkQsaUJBQWlCLENBQUNFLG9CQUFvQixDQUFDQyxLQUFLLENBQUMsQ0FBQyxDQUFDQyxJQUFJLENBQUMsQ0FBQ0MsQ0FBQyxFQUFFQyxDQUFDLEtBQUtELENBQUMsQ0FBQ0UsS0FBSyxHQUFHRCxDQUFDLENBQUNDLEtBQUssQ0FBQyxJQUFJLEVBQUU7RUFFeEYsb0JBQ0VDLEtBQUEsQ0FBQUMsYUFBQSxDQUFDQyxtQkFBbUIscUJBQ2xCRixLQUFBLENBQUFDLGFBQUEsQ0FBQ1gsZUFBZSxNQUFFLENBQUMsRUFFbEJHLDJCQUEyQixDQUFDVSxNQUFNLEdBQUcsQ0FBQyxnQkFDckNILEtBQUEsQ0FBQUMsYUFBQSxDQUFDWixrQkFBa0I7SUFBQ0ksMkJBQTJCLEVBQUVBO0VBQTRCLENBQUUsQ0FBQyxnQkFFaEZPLEtBQUEsQ0FBQUMsYUFBQSxDQUFDYixvQkFBb0IsTUFBRSxDQUVOLENBQUM7QUFFMUI7QUFFQSxNQUFNYyxtQkFBbUIsR0FBR2YsTUFBTSxDQUFDaUIsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLHlDQUMxQixDQUFDO0VBQUVDO0FBQU0sQ0FBQyxLQUFLQSxLQUFLLENBQUNDLE9BQU8sQ0FBQ0MsUUFBUSxFQUNsQyxDQUFDO0VBQUVGO0FBQU0sQ0FBQyxLQUFLQSxLQUFLLENBQUNDLE9BQU8sQ0FBQ0UsUUFBUSxDQUNuRDtBQUVELGVBQWVwQixTQUFTIiwiaWdub3JlTGlzdCI6W119

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js

@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ContentSheet } from '@desktop/panels';
+import { sectionContext } from '@sub/DynamicLayout/components/Section';
+import { D_MembershipSectionItem } from '@sub/DynamicLayout/sections/MembershipSection/components';
+import { MEMBERSHIP_SECTION_TONE_COLOR } from '@sub/DynamicLayout/sections/MembershipSection/constants';
+function MembershipSheet() {
+  const {
+    t
+  } = useTranslation('translation');
+  const section = useContext(sectionContext);
+  if (!section) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  const {
+    itemToneType
+  } = section.styles;
+  return /*#__PURE__*/React.createElement(ContentSheet, {
+    overrideCSS: {
+      backgroundColor: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetBackgroundColor,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    width: "100%",
+    height: "180px",
+    shapeType: "round"
+  }, /*#__PURE__*/React.createElement(D_MembershipSectionItem.Title, {
+    text: t('str_5299'),
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].emptyMembershipSheetTextLabelColor
+  }));
+}
+export default MembershipSheet;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb250ZXh0IiwidXNlVHJhbnNsYXRpb24iLCJDb250ZW50U2hlZXQiLCJzZWN0aW9uQ29udGV4dCIsIkRfTWVtYmVyc2hpcFNlY3Rpb25JdGVtIiwiTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1IiLCJNZW1iZXJzaGlwU2hlZXQiLCJ0Iiwic2VjdGlvbiIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiaXRlbVRvbmVUeXBlIiwic3R5bGVzIiwib3ZlcnJpZGVDU1MiLCJiYWNrZ3JvdW5kQ29sb3IiLCJtZW1iZXJzaGlwU2hlZXRCYWNrZ3JvdW5kQ29sb3IiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsImp1c3RpZnlDb250ZW50Iiwid2lkdGgiLCJoZWlnaHQiLCJzaGFwZVR5cGUiLCJUaXRsZSIsInRleHQiLCJzdHlsZVRoZW1lIiwiY29sb3IiLCJlbXB0eU1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL0VkaXRUeXBlL3RlbXBsYXRlcy9UZW1wbGF0ZUIvbW9iaWxlL2NvbXBvbmVudHMvRW1wdHlNZW1iZXJzaGlwU2hlZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBDb250ZW50U2hlZXQgfSBmcm9tICdAZGVza3RvcC9wYW5lbHMnO1xuaW1wb3J0IHsgc2VjdGlvbkNvbnRleHQgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uJztcbmltcG9ydCB7IERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1IgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vY29uc3RhbnRzJztcblxuaW1wb3J0IHR5cGUgeyBJU2VjdGlvbiB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC90eXBlcyc7XG5cbmZ1bmN0aW9uIE1lbWJlcnNoaXBTaGVldCgpIHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigndHJhbnNsYXRpb24nKTtcbiAgY29uc3Qgc2VjdGlvbiA9IHVzZUNvbnRleHQoc2VjdGlvbkNvbnRleHQpIGFzIElTZWN0aW9uO1xuXG4gIGlmICghc2VjdGlvbikge1xuICAgIHJldHVybiA8PjwvPjtcbiAgfVxuXG4gIGNvbnN0IHsgaXRlbVRvbmVUeXBlIH0gPSBzZWN0aW9uLnN0eWxlcztcblxuICByZXR1cm4gKFxuICAgIDxDb250ZW50U2hlZXRcbiAgICAgIG92ZXJyaWRlQ1NTPXt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogTUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5tZW1iZXJzaGlwU2hlZXRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJ1xuICAgICAgfX1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxODBweFwiXG4gICAgICBzaGFwZVR5cGU9XCJyb3VuZFwiXG4gICAgPlxuICAgICAgPERfTWVtYmVyc2hpcFNlY3Rpb25JdGVtLlRpdGxlXG4gICAgICAgIHRleHQ9e3QoJ3N0cl81Mjk5Jyl9XG4gICAgICAgIHN0eWxlVGhlbWU9XCJib2R5MlJlZ3VsYXJcIlxuICAgICAgICBjb2xvcj17TUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5lbXB0eU1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgLz5cbiAgICA8L0NvbnRlbnRTaGVldD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVtYmVyc2hpcFNoZWV0O1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxVQUFVLFFBQVEsT0FBTztBQUNsQyxTQUFTQyxjQUFjLFFBQVEsZUFBZTtBQUU5QyxTQUFTQyxZQUFZLFFBQVEsaUJBQWlCO0FBQzlDLFNBQVNDLGNBQWMsUUFBUSx1Q0FBdUM7QUFDdEUsU0FBU0MsdUJBQXVCLFFBQVEsMERBQTBEO0FBQ2xHLFNBQVNDLDZCQUE2QixRQUFRLHlEQUF5RDtBQUl2RyxTQUFTQyxlQUFlQSxDQUFBLEVBQUc7RUFDekIsTUFBTTtJQUFFQztFQUFFLENBQUMsR0FBR04sY0FBYyxDQUFDLGFBQWEsQ0FBQztFQUMzQyxNQUFNTyxPQUFPLEdBQUdSLFVBQVUsQ0FBQ0csY0FBYyxDQUFhO0VBRXRELElBQUksQ0FBQ0ssT0FBTyxFQUFFO0lBQ1osb0JBQU9DLEtBQUEsQ0FBQUMsYUFBQSxDQUFBRCxLQUFBLENBQUFFLFFBQUEsTUFBSSxDQUFDO0VBQ2Q7RUFFQSxNQUFNO0lBQUVDO0VBQWEsQ0FBQyxHQUFHSixPQUFPLENBQUNLLE1BQU07RUFFdkMsb0JBQ0VKLEtBQUEsQ0FBQUMsYUFBQSxDQUFDUixZQUFZO0lBQ1hZLFdBQVcsRUFBRTtNQUNYQyxlQUFlLEVBQUVWLDZCQUE2QixDQUFDTyxZQUFZLENBQUMsQ0FBQ0ksOEJBQThCO01BQzNGQyxPQUFPLEVBQUUsTUFBTTtNQUNmQyxVQUFVLEVBQUUsUUFBUTtNQUNwQkMsY0FBYyxFQUFFO0lBQ2xCLENBQUU7SUFDRkMsS0FBSyxFQUFDLE1BQU07SUFDWkMsTUFBTSxFQUFDLE9BQU87SUFDZEMsU0FBUyxFQUFDO0VBQU8sZ0JBRWpCYixLQUFBLENBQUFDLGFBQUEsQ0FBQ04sdUJBQXVCLENBQUNtQixLQUFLO0lBQzVCQyxJQUFJLEVBQUVqQixDQUFDLENBQUMsVUFBVSxDQUFFO0lBQ3BCa0IsVUFBVSxFQUFDLGNBQWM7SUFDekJDLEtBQUssRUFBRXJCLDZCQUE2QixDQUFDTyxZQUFZLENBQUMsQ0FBQ2U7RUFBbUMsQ0FDdkYsQ0FDVyxDQUFDO0FBRW5CO0FBRUEsZUFBZXJCLGVBQWUiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.js

@@ -0,0 +1,54 @@
+import { Spacing } from '@sub/DynamicLayout/components';
+import { Item } from '@sub/DynamicLayout/components/mobile';
+import { MEMBERSHIP_SECTION_TONE_COLOR } from '@sub/DynamicLayout/sections/MembershipSection/constants';
+function MembershipBenefitInfo({
+  membershipBenefitInfo,
+  itemToneType
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, membershipBenefitInfo.benefitAlpha && /*#__PURE__*/React.createElement(Item.Description, {
+    text: membershipBenefitInfo.benefitAlpha,
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    bulletPointMode: "use"
+  }), membershipBenefitInfo.benefitBravo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b"
+  }), /*#__PURE__*/React.createElement(Item.Description, {
+    text: membershipBenefitInfo.benefitBravo,
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    bulletPointMode: "use"
+  })), membershipBenefitInfo.benefitCharlie && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b"
+  }), /*#__PURE__*/React.createElement(Item.Description, {
+    text: membershipBenefitInfo.benefitCharlie,
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    bulletPointMode: "use"
+  })), membershipBenefitInfo.benefitDelta && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b"
+  }), /*#__PURE__*/React.createElement(Item.Description, {
+    text: membershipBenefitInfo.benefitDelta,
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    bulletPointMode: "use"
+  })), membershipBenefitInfo.benefitEcho && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b"
+  }), /*#__PURE__*/React.createElement(Item.Description, {
+    text: membershipBenefitInfo.benefitEcho,
+    styleTheme: "body2Regular",
+    color: MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor,
+    textAlign: "left",
+    wordBreak: "break_all",
+    bulletPointMode: "use"
+  })));
+}
+export default MembershipBenefitInfo;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTcGFjaW5nIiwiSXRlbSIsIk1FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SIiwiTWVtYmVyc2hpcEJlbmVmaXRJbmZvIiwibWVtYmVyc2hpcEJlbmVmaXRJbmZvIiwiaXRlbVRvbmVUeXBlIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJiZW5lZml0QWxwaGEiLCJEZXNjcmlwdGlvbiIsInRleHQiLCJzdHlsZVRoZW1lIiwiY29sb3IiLCJtZW1iZXJzaGlwU2hlZXRUZXh0TGFiZWxDb2xvciIsInRleHRBbGlnbiIsIndvcmRCcmVhayIsImJ1bGxldFBvaW50TW9kZSIsImJlbmVmaXRCcmF2byIsInNpemUiLCJiZW5lZml0Q2hhcmxpZSIsImJlbmVmaXREZWx0YSIsImJlbmVmaXRFY2hvIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL01lbWJlcnNoaXBTZWN0aW9uL0VkaXRUeXBlL3RlbXBsYXRlcy9UZW1wbGF0ZUIvbW9iaWxlL2NvbXBvbmVudHMvTWVtYmVyc2hpcEJlbmVmaXRJbmZvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTcGFjaW5nIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9jb21wb25lbnRzL21vYmlsZSc7XG5pbXBvcnQgeyBNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUiB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9NZW1iZXJzaGlwU2VjdGlvbi9jb25zdGFudHMnO1xuXG5pbXBvcnQgdHlwZSB7IElNZW1iZXJzaGlwQmVuZWZpdEluZm8sIFR5cGVPZkl0ZW1Ub25lVHlwZSB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG1lbWJlcnNoaXBCZW5lZml0SW5mbzogSU1lbWJlcnNoaXBCZW5lZml0SW5mbztcbiAgaXRlbVRvbmVUeXBlOiBUeXBlT2ZJdGVtVG9uZVR5cGU7XG59O1xuXG5mdW5jdGlvbiBNZW1iZXJzaGlwQmVuZWZpdEluZm8oeyBtZW1iZXJzaGlwQmVuZWZpdEluZm8sIGl0ZW1Ub25lVHlwZSB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7bWVtYmVyc2hpcEJlbmVmaXRJbmZvLmJlbmVmaXRBbHBoYSAmJiAoXG4gICAgICAgIDxJdGVtLkRlc2NyaXB0aW9uXG4gICAgICAgICAgdGV4dD17bWVtYmVyc2hpcEJlbmVmaXRJbmZvLmJlbmVmaXRBbHBoYX1cbiAgICAgICAgICBzdHlsZVRoZW1lPVwiYm9keTJSZWd1bGFyXCJcbiAgICAgICAgICBjb2xvcj17TUVNQkVSU0hJUF9TRUNUSU9OX1RPTkVfQ09MT1JbaXRlbVRvbmVUeXBlXS5tZW1iZXJzaGlwU2hlZXRUZXh0TGFiZWxDb2xvcn1cbiAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICB3b3JkQnJlYWs9XCJicmVha19hbGxcIlxuICAgICAgICAgIGJ1bGxldFBvaW50TW9kZT1cInVzZVwiXG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7bWVtYmVyc2hpcEJlbmVmaXRJbmZvLmJlbmVmaXRCcmF2byAmJiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFNwYWNpbmcgc2l6ZT1cInNwYWNpbmdfYlwiIC8+XG4gICAgICAgICAgPEl0ZW0uRGVzY3JpcHRpb25cbiAgICAgICAgICAgIHRleHQ9e21lbWJlcnNoaXBCZW5lZml0SW5mby5iZW5lZml0QnJhdm99XG4gICAgICAgICAgICBzdHlsZVRoZW1lPVwiYm9keTJSZWd1bGFyXCJcbiAgICAgICAgICAgIGNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICB3b3JkQnJlYWs9XCJicmVha19hbGxcIlxuICAgICAgICAgICAgYnVsbGV0UG9pbnRNb2RlPVwidXNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG5cbiAgICAgIHttZW1iZXJzaGlwQmVuZWZpdEluZm8uYmVuZWZpdENoYXJsaWUgJiYgKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTcGFjaW5nIHNpemU9XCJzcGFjaW5nX2JcIiAvPlxuICAgICAgICAgIDxJdGVtLkRlc2NyaXB0aW9uXG4gICAgICAgICAgICB0ZXh0PXttZW1iZXJzaGlwQmVuZWZpdEluZm8uYmVuZWZpdENoYXJsaWV9XG4gICAgICAgICAgICBzdHlsZVRoZW1lPVwiYm9keTJSZWd1bGFyXCJcbiAgICAgICAgICAgIGNvbG9yPXtNRU1CRVJTSElQX1NFQ1RJT05fVE9ORV9DT0xPUltpdGVtVG9uZVR5cGVdLm1lbWJlcnNoaXBTaGVldFRleHRMYWJlbENvbG9yfVxuICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICB3b3JkQnJlYWs9XCJicmVha19hbGxcIlxuICAgICAgICAgICAgYnVsbGV0UG9pbnRNb2RlPVwidXNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG5cbiAgICAgIHttZW1iZXJzaGlwQmVuZWZpdEluZm8uYmVuZWZpdERlbHRhICYmIChcbiAgICAgICAgPD5cbiAgICAgICAgICA8U3BhY2luZyBzaXplPVwic3BhY2luZ19iXCIgLz5cbiAgICAgICAgICA8SXRlbS5EZXNjcmlwdGlvblxuICAgICAgICAgICAgdGV4dD17bWVtYmVyc2hpcEJlbmVmaXRJbmZvLmJlbmVmaXREZWx0YX1cbiAgICAgICAgICAgIHN0eWxlVGhlbWU9XCJib2R5MlJlZ3VsYXJcIlxuICAgICAgICAgICAgY29sb3I9e01FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0ubWVtYmVyc2hpcFNoZWV0VGV4dExhYmVsQ29sb3J9XG4gICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgIHdvcmRCcmVhaz1cImJyZWFrX2FsbFwiXG4gICAgICAgICAgICBidWxsZXRQb2ludE1vZGU9XCJ1c2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cblxuICAgICAge21lbWJlcnNoaXBCZW5lZml0SW5mby5iZW5lZml0RWNobyAmJiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFNwYWNpbmcgc2l6ZT1cInNwYWNpbmdfYlwiIC8+XG4gICAgICAgICAgPEl0ZW0uRGVzY3JpcHRpb25cbiAgICAgICAgICAgIHRleHQ9e21lbWJlcnNoaXBCZW5lZml0SW5mby5iZW5lZml0RWNob31cbiAgICAgICAgICAgIHN0eWxlVGhlbWU9XCJib2R5MlJlZ3VsYXJcIlxuICAgICAgICAgICAgY29sb3I9e01FTUJFUlNISVBfU0VDVElPTl9UT05FX0NPTE9SW2l0ZW1Ub25lVHlwZV0ubWVtYmVyc2hpcFNoZWV0VGV4dExhYmVsQ29sb3J9XG4gICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgIHdvcmRCcmVhaz1cImJyZWFrX2FsbFwiXG4gICAgICAgICAgICBidWxsZXRQb2ludE1vZGU9XCJ1c2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn1cbmV4cG9ydCBkZWZhdWx0IE1lbWJlcnNoaXBCZW5lZml0SW5mbztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxRQUFRLCtCQUErQjtBQUN2RCxTQUFTQyxJQUFJLFFBQVEsc0NBQXNDO0FBQzNELFNBQVNDLDZCQUE2QixRQUFRLHlEQUF5RDtBQVN2RyxTQUFTQyxxQkFBcUJBLENBQUM7RUFBRUMscUJBQXFCO0VBQUVDO0FBQW9CLENBQUMsRUFBRTtFQUM3RSxvQkFDRUMsS0FBQSxDQUFBQyxhQUFBLENBQUFELEtBQUEs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

package/dist/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.js

@@ -0,0 +1,20 @@
+import { Fragment } from 'react';
+import styled from 'styled-components';
+import MembershipSectionSheet from './MembershipSectionSheet';
+function MembershipContents({
+  orderedConnectedMemberships
+}) {
+  return /*#__PURE__*/React.createElement(S_MembershipBox, null, orderedConnectedMemberships.map(connectedMembership => {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: connectedMembership.id
+    }, /*#__PURE__*/React.createElement(MembershipSectionSheet, {
+      membership: connectedMembership.membership
+    }));
+  }));
+}
+const S_MembershipBox = styled.div.withConfig({
+  displayName: "MembershipContents__S_MembershipBox",
+  componentId: "sc-13ihfmi-0"
+})(["display:flex;flex-direction:column;justify-content:space-between;position:relative;"]);
+export default MembershipContents;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJGcmFnbWVudCIsInN0eWxlZCIsIk1lbWJlcnNoaXBTZWN0aW9uU2hlZXQiLCJNZW1iZXJzaGlwQ29udGVudHMiLCJvcmRlcmVkQ29ubmVjdGVkTWVtYmVyc2hpcHMiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJTX01lbWJlcnNoaXBCb3giLCJtYXAiLCJjb25uZWN0ZWRNZW1iZXJzaGlwIiwia2V5IiwiaWQiLCJtZW1iZXJzaGlwIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvTWVtYmVyc2hpcFNlY3Rpb24vRWRpdFR5cGUvdGVtcGxhdGVzL1RlbXBsYXRlQi9tb2JpbGUvY29tcG9uZW50cy9NZW1iZXJzaGlwQ29udGVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IE1lbWJlcnNoaXBTZWN0aW9uU2hlZXQgZnJvbSAnLi9NZW1iZXJzaGlwU2VjdGlvblNoZWV0JztcblxuaW1wb3J0IHR5cGUgeyBJQ29ubmVjdGVkTWVtYmVyc2hpcCB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC90eXBlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9yZGVyZWRDb25uZWN0ZWRNZW1iZXJzaGlwczogSUNvbm5lY3RlZE1lbWJlcnNoaXBbXTtcbn07XG5cbmZ1bmN0aW9uIE1lbWJlcnNoaXBDb250ZW50cyh7IG9yZGVyZWRDb25uZWN0ZWRNZW1iZXJzaGlwcyB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTX01lbWJlcnNoaXBCb3g+XG4gICAgICB7b3JkZXJlZENvbm5lY3RlZE1lbWJlcnNoaXBzLm1hcCgoY29ubmVjdGVkTWVtYmVyc2hpcCkgPT4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2Nvbm5lY3RlZE1lbWJlcnNoaXAuaWR9PlxuICAgICAgICAgICAgPE1lbWJlcnNoaXBTZWN0aW9uU2hlZXQgbWVtYmVyc2hpcD17Y29ubmVjdGVkTWVtYmVyc2hpcC5tZW1iZXJzaGlwfSAvPlxuICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICk7XG4gICAgICB9KX1cbiAgICA8L1NfTWVtYmVyc2hpcEJveD5cbiAgKTtcbn1cblxuY29uc3QgU19NZW1iZXJzaGlwQm94ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBNZW1iZXJzaGlwQ29udGVudHM7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFFBQVEsUUFBUSxPQUFPO0FBRWhDLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFFdEMsT0FBT0Msc0JBQXNCLE1BQU0sMEJBQTBCO0FBUTdELFNBQVNDLGtCQUFrQkEsQ0FBQztFQUFFQztBQUFtQyxDQUFDLEVBQUU7RUFDbEUsb0JBQ0VDLEtBQUEsQ0FBQUMsYUFBQSxDQUFDQyxlQUFlLFFBQ2JILDJCQUEyQixDQUFDSSxHQUFHLENBQUVDLG1CQUFtQixJQUFLO0lBQ3hELG9CQUNFSixLQUFBLENBQUFDLGFBQUEsQ0FBQ04sUUFBUTtNQUFDVSxHQUFHLEVBQUVELG1CQUFtQixDQUFDRTtJQUFHLGdCQUNwQ04sS0FBQSxDQUFBQyxhQUFBLENBQUNKLHNCQUFzQjtNQUFDVSxVQUFVLEVBQUVILG1CQUFtQixDQUFDRztJQUFXLENBQUUsQ0FDN0QsQ0FBQztFQUVmLENBQUMsQ0FDYyxDQUFDO0FBRXRCO0FBRUEsTUFBTUwsZUFBZSxHQUFHTixNQUFNLENBQUNZLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSwyRkFLakM7QUFFRCxlQUFlYixrQkFBa0IiLCJpZ25vcmVMaXN0IjpbXX0=