pds-dev-kit-web-test 2.5.134 → 2.5.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/dist/src/common/hooks/useAbsolutePositioner.js +2 -2
  2. package/dist/src/common/hooks/useTooltip.d.ts +2 -2
  3. package/dist/src/common/hooks/useTooltip.js +2 -2
  4. package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.d.ts +1 -1
  5. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.d.ts +1 -1
  6. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +2 -2
  7. package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +1 -1
  8. package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts +1 -1
  9. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
  10. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +3 -3
  11. package/dist/src/desktop/components/BasicListItem/Contents.d.ts +1 -1
  12. package/dist/src/desktop/components/BasicListItem/Contents.js +1 -1
  13. package/dist/src/desktop/components/BasicListItem/LeftBox/Badge.js +1 -1
  14. package/dist/src/desktop/components/BasicListItem/LeftBox/Checkbox.js +1 -1
  15. package/dist/src/desktop/components/BasicListItem/LeftBox/Icon.js +1 -1
  16. package/dist/src/desktop/components/BasicListItem/LeftBox/Image.js +1 -1
  17. package/dist/src/desktop/components/BasicListItem/LeftBox/Radio.js +1 -1
  18. package/dist/src/desktop/components/BasicListItem/RightBox/Description.d.ts +1 -1
  19. package/dist/src/desktop/components/BasicListItem/RightBox/Description.js +1 -1
  20. package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js +1 -1
  21. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
  22. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.js +1 -1
  23. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +2 -2
  24. package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +1 -1
  25. package/dist/src/desktop/components/Dropdown/Dropdown.js +1 -1
  26. package/dist/src/desktop/components/IconButton/IconButton.d.ts +1 -1
  27. package/dist/src/desktop/components/IconButton/IconButton.js +2 -2
  28. package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
  29. package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.js +3 -3
  30. package/dist/src/desktop/components/Slider/Slider.d.ts +1 -1
  31. package/dist/src/desktop/components/Slider/Slider.js +1 -1
  32. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +1 -1
  33. package/dist/src/desktop/components/TextLabel/TextLabel.js +2 -2
  34. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts +1 -1
  35. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +2 -2
  36. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +2 -2
  37. package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
  38. package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  39. package/dist/src/mobile/components/BasicListItem/Contents.d.ts +1 -1
  40. package/dist/src/mobile/components/BasicListItem/Contents.js +1 -1
  41. package/dist/src/mobile/components/BasicListItem/LeftBox/Badge.js +1 -1
  42. package/dist/src/mobile/components/BasicListItem/LeftBox/Checkbox.js +1 -1
  43. package/dist/src/mobile/components/BasicListItem/LeftBox/Icon.js +1 -1
  44. package/dist/src/mobile/components/BasicListItem/LeftBox/Image.js +1 -1
  45. package/dist/src/mobile/components/BasicListItem/LeftBox/Radio.js +1 -1
  46. package/dist/src/mobile/components/BasicListItem/RightBox/Description.d.ts +1 -1
  47. package/dist/src/mobile/components/BasicListItem/RightBox/Description.js +1 -1
  48. package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js +1 -1
  49. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
  50. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js +1 -1
  51. package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +1 -1
  52. package/dist/src/mobile/components/Dropdown/Dropdown.js +1 -1
  53. package/dist/src/mobile/components/MobileHeaderBar/utils.d.ts +1 -1
  54. package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
  55. package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.js +1 -1
  56. package/dist/src/mobile/components/Slider/Slider.d.ts +1 -1
  57. package/dist/src/mobile/components/Slider/Slider.js +1 -1
  58. package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +1 -1
  59. package/dist/src/sub/AdminList/AdminList/AdminList.js +2 -2
  60. package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +1 -1
  61. package/dist/src/sub/AdminList/AdminList/HeaderRow.js +2 -2
  62. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +1 -1
  63. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +2 -2
  64. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +1 -1
  65. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +2 -2
  66. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +1 -1
  67. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
  68. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +1 -1
  69. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +2 -2
  70. package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +1 -1
  71. package/dist/src/sub/AdminList/ToolBar/ChipList.js +1 -1
  72. package/dist/src/sub/AdminList/ToolBar/SearchField.js +4 -4
  73. package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +1 -1
  74. package/dist/src/sub/AdminList/ToolBar/ToolBar.js +3 -3
  75. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.d.ts +11 -0
  76. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +56 -0
  77. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +13 -0
  78. package/dist/src/sub/DynamicLayout/{sections/CustomSection/FlexGridCustomSection.js → CompositionRenderer/Composition.js} +10 -10
  79. package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.d.ts +2 -2
  80. package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.js +2 -3
  81. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.d.ts +12 -0
  82. package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +75 -0
  83. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +1 -1
  84. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +2 -2
  85. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts +2 -2
  86. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -1
  87. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts +2 -2
  88. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -1
  89. package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +1 -2
  90. package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
  91. package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
  92. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -3
  93. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +7 -14
  94. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +1 -4
  95. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.d.ts +1 -1
  96. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +6 -6
  97. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +2 -2
  98. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -5
  99. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +1 -1
  100. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +1 -1
  101. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +1 -1
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +1 -1
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts +1 -1
  105. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts +1 -1
  106. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -5
  107. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts +1 -1
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +1 -1
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +2 -2
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/types.d.ts +1 -1
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts +1 -1
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -4
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.d.ts +1 -1
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts +1 -1
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts +1 -1
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +1 -1
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js +1 -1
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js +1 -1
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +2 -2
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +1 -1
  123. package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -1
  124. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +212 -0
  125. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  126. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  127. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts +1 -1
  128. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js +1 -1
  129. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +2 -2
  130. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts +1 -1
  131. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js +4 -4
  132. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts +1 -1
  133. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +2 -2
  134. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +1 -1
  135. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +5 -5
  136. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.d.ts +1 -1
  137. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +4 -4
  138. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.d.ts +1 -1
  139. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +3 -3
  140. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
  141. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
  142. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
  143. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.d.ts +1 -1
  144. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +3 -3
  145. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.d.ts +1 -1
  146. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js +4 -4
  147. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.d.ts +1 -1
  148. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.js +3 -3
  149. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.d.ts +1 -1
  150. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.d.ts +1 -1
  151. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.js +5 -5
  152. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
  153. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +2 -2
  154. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.d.ts +1 -1
  155. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js +4 -4
  156. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.d.ts +1 -1
  157. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +2 -2
  158. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.d.ts +1 -1
  159. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +2 -2
  160. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.d.ts +1 -1
  161. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +5 -5
  162. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.d.ts +1 -1
  163. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +6 -6
  164. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  165. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
  166. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
  167. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.d.ts +1 -1
  168. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +4 -4
  169. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.d.ts +1 -1
  170. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.js +3 -3
  171. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.d.ts +1 -1
  172. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.d.ts +1 -1
  173. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.js +5 -5
  174. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
  175. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.d.ts +1 -1
  176. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js +1 -1
  177. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js +1 -1
  178. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  179. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
  180. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  181. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
  182. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js +1 -1
  183. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  184. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  185. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js +1 -1
  186. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
  187. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +3 -3
  188. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +2 -2
  189. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +3 -3
  190. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +2 -2
  191. package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +1 -1
  192. package/dist/src/sub/DynamicLayout/types.d.ts +34 -0
  193. package/dist/src/sub/SandollFontKit/types.d.ts +1 -1
  194. package/package.json +1 -1
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Group/GroupedCB.d.ts +0 -7
  198. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Group/GroupedCB.js +0 -63
@@ -42,7 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
42
42
  };
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
44
  exports.S_CB_BoxWithShadow = void 0;
45
- var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
45
+ var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
46
46
  var styled_components_1 = __importStar(require("styled-components"));
47
47
  exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /*\n Introduced in IE 10.\n See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n */\n\n height: 100%;\n width: 100%;\n\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:hover {\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n"], ["\n /*\n Introduced in IE 10.\n See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n */\n\n height: 100%;\n width: 100%;\n\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:hover {\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n"])), function (_a) {
48
48
  var normalStyle = _a.normalStyle;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var react_1 = require("react");
4
- var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
4
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
5
5
  // NOTE: link기능은 탄력적일 필요가 없음.
6
6
  function useCLINK(props) {
7
7
  var src = props.src, openNewTab = props.openNewTab, type = props.type, internalSrc = props.internalSrc;
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var react_1 = require("react");
7
- var callGoogleFontCSSAndApply_1 = __importDefault(require("@sub/GoogleFontkit/utils/callGoogleFontCSSAndApply"));
7
+ var callGoogleFontCSSAndApply_1 = __importDefault(require("../../../../../GoogleFontkit/utils/callGoogleFontCSSAndApply"));
8
8
  function useGoogleFonts(_a) {
9
9
  var fonts = _a.fonts;
10
10
  (0, react_1.useEffect)(function () {
@@ -1,5 +1,5 @@
1
- import { ISection } from '@sub/DynamicLayout/types';
2
1
  import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
2
+ import type { IComposition } from '../../../DynamicLayout/types';
3
3
  export type CB_TYPES = 'GENERAL';
4
4
  export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTS_CAROUSEL;
5
5
  type GeneralCustomSectionType = {
@@ -78,7 +78,7 @@ export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
78
78
  jsonProperties: {
79
79
  data: CB_BTN_PROPERTIES_TYPE;
80
80
  };
81
- compositions: Array<ISection>;
81
+ compositions: Array<IComposition>;
82
82
  };
83
83
  export declare enum CB_ALL_CODES {
84
84
  CB_TEXT = "CB_TEXT",
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.CB_ALL_CODES = void 0;
4
- require("@sub/DynamicLayout/types");
5
4
  var CB_ALL_CODES;
6
5
  (function (CB_ALL_CODES) {
7
6
  CB_ALL_CODES["CB_TEXT"] = "CB_TEXT";
@@ -1,3 +1,3 @@
1
1
  import type { Device, JsonPropertiesParserResult } from './types';
2
- import type { ISectionJsonProperties } from '@sub/DynamicLayout/types';
2
+ import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
3
3
  export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { ISection } from '../../types';
2
+ import type { ISection } from '../types';
3
3
  import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
4
4
  export type LayoutsType = {
5
5
  sm: Layout;
@@ -0,0 +1,212 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ var desc = Object.getOwnPropertyDescriptor(m, k);
20
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
+ desc = { enumerable: true, get: function() { return m[k]; } };
22
+ }
23
+ Object.defineProperty(o, k2, desc);
24
+ }) : (function(o, m, k, k2) {
25
+ if (k2 === undefined) k2 = k;
26
+ o[k2] = m[k];
27
+ }));
28
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }) : function(o, v) {
31
+ o["default"] = v;
32
+ });
33
+ var __importStar = (this && this.__importStar) || function (mod) {
34
+ if (mod && mod.__esModule) return mod;
35
+ var result = {};
36
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
+ __setModuleDefault(result, mod);
38
+ return result;
39
+ };
40
+ var __importDefault = (this && this.__importDefault) || function (mod) {
41
+ return (mod && mod.__esModule) ? mod : { "default": mod };
42
+ };
43
+ Object.defineProperty(exports, "__esModule", { value: true });
44
+ var jsx_runtime_1 = require("react/jsx-runtime");
45
+ /* eslint-disable @typescript-eslint/no-unused-vars */
46
+ var react_1 = __importStar(require("react"));
47
+ var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
48
+ var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
49
+ var styled_components_1 = __importDefault(require("styled-components"));
50
+ var components_1 = require("../components");
51
+ var gleStyles_1 = require("../gleStyles");
52
+ var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
53
+ var useResizableObserver_1 = require("./CustomSection/hooks/useResizableObserver");
54
+ var util_1 = require("./CustomSection/util");
55
+ var parseSectionPadding_1 = __importDefault(require("./CustomSection/util/layoutPropParsers/parseSectionPadding"));
56
+ var GRID_CELL_MIN = 24;
57
+ var DESKTOP_GRID_COLS = 24;
58
+ var MOBILE_GRID_COLS = 8;
59
+ var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
60
+ var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
61
+ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
62
+ var _a;
63
+ var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
64
+ var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
65
+ var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
66
+ var containerRef = (0, react_1.useRef)(null);
67
+ var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
68
+ var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
69
+ var gleRef = (0, react_1.useRef)(null);
70
+ var isMobile = device === 'MOBILE';
71
+ var isEditMode = mode === 'EDIT';
72
+ // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
73
+ // const [layouts] = useState<LayoutsType>(() => {
74
+ // const { lg, sm } = parsePlacement(componentBlocks ?? []);
75
+ // return {
76
+ // lg,
77
+ // sm
78
+ // };
79
+ // });
80
+ (0, react_1.useEffect)(function () {
81
+ if (editingSectionId !== props.id) {
82
+ setSelectedCB(null);
83
+ // breakGroupCB();
84
+ }
85
+ }, [editingSectionId]);
86
+ // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
87
+ (0, react_1.useLayoutEffect)(function () {
88
+ if (props.id !== editingSectionId) {
89
+ return;
90
+ }
91
+ if (!shortcutKeyMode) {
92
+ return;
93
+ }
94
+ if (shortcutKeyMode === 'SELECT_ALL') {
95
+ if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
96
+ setSelectedCB(componentBlocks[0].id);
97
+ return;
98
+ }
99
+ // makeAllInOneGroup();
100
+ return;
101
+ }
102
+ if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
103
+ // breakGroupCB();
104
+ setSelectedCB(null);
105
+ return;
106
+ }
107
+ }, [shortcutKeyMode, setSelectedCB]);
108
+ (0, react_1.useLayoutEffect)(function () {
109
+ if (props.id !== editingSectionId) {
110
+ return;
111
+ }
112
+ if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
113
+ if (!selectedCB || selectedCB === 'BULK') {
114
+ return;
115
+ }
116
+ // makeCollisionGroup(selectedCB);
117
+ // sectionActionHandler &&
118
+ // sectionActionHandler({
119
+ // type: '@CUSTOMSECTION/BLOCK_CLICKED',
120
+ // payload: {
121
+ // block:
122
+ // }
123
+ // });
124
+ setSelectedCB('BULK');
125
+ }
126
+ }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
127
+ var _f = (0, util_1.parseCustomSectionPlacement)({
128
+ isMobile: isMobile,
129
+ customSectionProps: CB_PLACEMENT_PROP_SECTION
130
+ }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
131
+ var customSectionStyles = {
132
+ minHeight: "".concat(minHeight, "vh"),
133
+ width: '100%',
134
+ maxWidth: isFullWidth ? '' : "".concat(width, "px")
135
+ };
136
+ var onClickSection = function () {
137
+ if (!isEditMode) {
138
+ return;
139
+ }
140
+ setSelectedCB(null);
141
+ sectionActionHandler &&
142
+ sectionActionHandler({
143
+ type: '@CUSTOMSECTION/SECTION_CLICKED',
144
+ payload: {
145
+ sectionId: props.id
146
+ }
147
+ });
148
+ };
149
+ var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
150
+ var sectionRow = CB_PLACEMENT_PROP_SECTION[device === 'DESKTOP'
151
+ ? 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS'
152
+ : 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'];
153
+ var rowHeight = (function () {
154
+ if (!size.width) {
155
+ return 50;
156
+ }
157
+ if (device === 'MOBILE') {
158
+ var cellWidth_1 = size.width / MOBILE_GRID_COLS;
159
+ return cellWidth_1 * 0.56;
160
+ }
161
+ var cellWidth = size.width / DESKTOP_GRID_COLS;
162
+ return cellWidth * 0.56;
163
+ })();
164
+ var baseFontSize = (function () {
165
+ var _a, _b;
166
+ if (!size.width) {
167
+ return 16;
168
+ }
169
+ var responsiveFontMode = !!((_b = (_a = props.jsonProperties) === null || _a === void 0 ? void 0 : _a.data.CB_CONTENT_PROP_SECTION) === null || _b === void 0 ? void 0 : _b.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
170
+ if (device === 'MOBILE') {
171
+ if (responsiveFontMode) {
172
+ return size.width * 0.0421;
173
+ }
174
+ if (size.width < 327) {
175
+ return Math.max(getDefensiveFontSize(device, size.width), 14);
176
+ }
177
+ return 16;
178
+ }
179
+ if (responsiveFontMode) {
180
+ return size.width * 0.0133;
181
+ }
182
+ if (size.width < 1200) {
183
+ return Math.max(getDefensiveFontSize(device, size.width), 14);
184
+ }
185
+ return 16;
186
+ })();
187
+ return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
188
+ minHeight: customSectionStyles.minHeight,
189
+ paddingTop: padding.top,
190
+ paddingBottom: padding.bottom,
191
+ paddingRight: padding.right,
192
+ paddingLeft: padding.left
193
+ } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
194
+ width: customSectionStyles.width,
195
+ maxWidth: customSectionStyles.maxWidth,
196
+ minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
197
+ fontSize: "".concat(baseFontSize, "px")
198
+ } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
199
+ var _a;
200
+ return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
201
+ }) })) })) })) }) }));
202
+ });
203
+ var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
204
+ var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
205
+ exports.default = react_1.default.memo(FlexGridCustomSection);
206
+ function getDefensiveFontSize(device, width) {
207
+ if (device === 'MOBILE') {
208
+ return width * (0.0000868 * width + 0.0202);
209
+ }
210
+ return width * (0.0000246 * width - 0.01618);
211
+ }
212
+ var templateObject_1, templateObject_2;
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
4
  var react_1 = require("react");
5
- var DynamicLayout_1 = require("@sub/DynamicLayout");
5
+ var DynamicLayout_1 = require("../../../../../../DynamicLayout");
6
6
  var Section_1 = require("../../../../../components/Section");
7
7
  function TemplateA() {
8
8
  var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
4
  var react_1 = require("react");
5
- var DynamicLayout_1 = require("@sub/DynamicLayout");
5
+ var DynamicLayout_1 = require("../../../../../../DynamicLayout");
6
6
  var Section_1 = require("../../../../../components/Section");
7
7
  function TemplateA() {
8
8
  var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import type { ISection } from '@sub/DynamicLayout/types';
2
+ import type { ISection } from '../../../../DynamicLayout/types';
3
3
  declare function EditTypeMembershipSection({ ...props }: ISection): JSX.Element;
4
4
  export default EditTypeMembershipSection;
@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
31
31
  Object.defineProperty(exports, "__esModule", { value: true });
32
32
  var jsx_runtime_1 = require("react/jsx-runtime");
33
33
  var react_1 = require("react");
34
- var components_1 = require("@sub/DynamicLayout/components");
34
+ var components_1 = require("../../../../DynamicLayout/components");
35
35
  var styled_components_1 = __importDefault(require("styled-components"));
36
36
  var templates_1 = require("./templates");
37
37
  function EditTypeMembershipSection(_a) {
@@ -2,8 +2,8 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
4
  var react_1 = require("react");
5
- var Section_1 = require("@sub/DynamicLayout/components/Section");
6
- var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
5
+ var Section_1 = require("../../../../../../DynamicLayout/components/Section");
6
+ var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
7
7
  var desktop_1 = require("./desktop");
8
8
  var mobile_1 = require("./mobile");
9
9
  function TemplateA(_a) {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
2
+ import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  membershipDisplay: IMembershipDisplay;
5
5
  isWideView: boolean;
@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
14
14
  var jsx_runtime_1 = require("react/jsx-runtime");
15
15
  var react_1 = require("react");
16
16
  var react_i18next_1 = require("react-i18next");
17
- var panels_1 = require("@desktop/panels");
18
- var Section_1 = require("@sub/DynamicLayout/components/Section");
19
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
20
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
17
+ var panels_1 = require("../../../../../../../../../desktop/panels");
18
+ var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
19
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
20
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
21
21
  function EmptyMembershipSheet() {
22
22
  var t = (0, react_i18next_1.useTranslation)('translation').t;
23
23
  var section = (0, react_1.useContext)(Section_1.sectionContext);
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IMembershipBenefitInfo } from '@sub/DynamicLayout/types';
2
+ import type { IMembershipBenefitInfo } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  membershipBenefitInfo: IMembershipBenefitInfo;
5
5
  itemToneTextLabelColor: string;
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
- var components_1 = require("@sub/DynamicLayout/components");
5
- var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
4
+ var components_1 = require("../../../../../../../../DynamicLayout/components");
5
+ var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
6
6
  function MembershipBenefitInfo(_a) {
7
7
  var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneTextLabelColor = _a.itemToneTextLabelColor;
8
8
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }), membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IConnectedSubscriptionProducts, ISectionStyles } from '@sub/DynamicLayout/types';
2
+ import type { IConnectedSubscriptionProducts, ISectionStyles } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  connectedSubscriptionProducts: IConnectedSubscriptionProducts;
5
5
  sectionStyles: ISectionStyles;
@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
22
  var react_1 = require("react");
23
23
  var react_i18next_1 = require("react-i18next");
24
- var panels_1 = require("@desktop/panels");
25
- var components_1 = require("@hybrid/components");
26
- var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
27
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
28
- var formatCurrency_1 = __importDefault(require("@sub/DynamicLayout/utils/formatCurrency"));
24
+ var panels_1 = require("../../../../../../../../../desktop/panels");
25
+ var components_1 = require("../../../../../../../../../hybrid/components");
26
+ var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
27
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
28
+ var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicLayout/utils/formatCurrency"));
29
29
  var styled_components_1 = __importDefault(require("styled-components"));
30
30
  function MembershipPlanSheet(_a) {
31
31
  var connectedSubscriptionProducts = _a.connectedSubscriptionProducts, sectionStyles = _a.sectionStyles;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IConnectedMembership } from '@sub/DynamicLayout/types';
2
+ import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  connectedMemberships: IConnectedMembership[];
5
5
  isWideView: boolean;
@@ -43,10 +43,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
44
  var jsx_runtime_1 = require("react/jsx-runtime");
45
45
  var react_1 = require("react");
46
- var panels_1 = require("@desktop/panels");
47
- var Section_1 = require("@sub/DynamicLayout/components/Section");
48
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
49
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
46
+ var panels_1 = require("../../../../../../../../../desktop/panels");
47
+ var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
48
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
49
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
50
50
  var styled_components_1 = __importStar(require("styled-components"));
51
51
  var MembershipBenefitInfo_1 = __importDefault(require("./MembershipBenefitInfo"));
52
52
  var MembershipPlanSheet_1 = __importDefault(require("./MembershipPlanSheet"));
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IConnectedMembership, TypeOfItemToneType } from '@sub/DynamicLayout/types';
2
+ import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  connectedMemberships: IConnectedMembership[];
5
5
  itemHighlightingColorInHex: string;
@@ -40,9 +40,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  var jsx_runtime_1 = require("react/jsx-runtime");
42
42
  var react_1 = require("react");
43
- var panels_1 = require("@desktop/panels");
44
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
45
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
43
+ var panels_1 = require("../../../../../../../../../desktop/panels");
44
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
45
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
46
46
  var styled_components_1 = __importStar(require("styled-components"));
47
47
  function NarrowMembershipListView(_a) {
48
48
  var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;
@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
22
  var react_1 = require("react");
23
- var Section_1 = require("@sub/DynamicLayout/components/Section");
24
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
23
+ var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
24
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
25
25
  var styled_components_1 = __importDefault(require("styled-components"));
26
26
  function SectionContents() {
27
27
  var section = (0, react_1.useContext)(Section_1.sectionContext);
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { ISectionStyles } from '@sub/DynamicLayout/types';
2
+ import type { ISectionStyles } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  sectionStyles: ISectionStyles;
5
5
  };
@@ -13,10 +13,10 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  var jsx_runtime_1 = require("react/jsx-runtime");
15
15
  var react_i18next_1 = require("react-i18next");
16
- var panels_1 = require("@desktop/panels");
17
- var components_1 = require("@hybrid/components");
18
- var components_2 = require("@sub/DynamicLayout/sections/MembershipSection/components");
19
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
16
+ var panels_1 = require("../../../../../../../../../desktop/panels");
17
+ var components_1 = require("../../../../../../../../../hybrid/components");
18
+ var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
19
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
20
20
  function UnavailableMembershipPlanSheet(_a) {
21
21
  var sectionStyles = _a.sectionStyles;
22
22
  var t = (0, react_i18next_1.useTranslation)('translation').t;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IConnectedMembership, TypeOfItemToneType } from '@sub/DynamicLayout/types';
2
+ import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  connectedMemberships: IConnectedMembership[];
5
5
  itemHighlightingColorInHex: string;
@@ -20,9 +20,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
22
  var react_1 = require("react");
23
- var panels_1 = require("@desktop/panels");
24
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
25
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
23
+ var panels_1 = require("../../../../../../../../../desktop/panels");
24
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
25
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
26
26
  var styled_components_1 = __importDefault(require("styled-components"));
27
27
  function WideMembershipListView(_a) {
28
28
  var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
2
+ import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  membershipDisplay: IMembershipDisplay;
5
5
  };
@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
14
14
  var jsx_runtime_1 = require("react/jsx-runtime");
15
15
  var react_1 = require("react");
16
16
  var react_i18next_1 = require("react-i18next");
17
- var panels_1 = require("@desktop/panels");
18
- var Section_1 = require("@sub/DynamicLayout/components/Section");
19
- var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
20
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
17
+ var panels_1 = require("../../../../../../../../../desktop/panels");
18
+ var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
19
+ var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
20
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
21
21
  function MembershipSheet() {
22
22
  var t = (0, react_i18next_1.useTranslation)('translation').t;
23
23
  var section = (0, react_1.useContext)(Section_1.sectionContext);
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IMembershipBenefitInfo, TypeOfItemToneType } from '@sub/DynamicLayout/types';
2
+ import type { IMembershipBenefitInfo, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  membershipBenefitInfo: IMembershipBenefitInfo;
5
5
  itemToneType: TypeOfItemToneType;
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
- var components_1 = require("@sub/DynamicLayout/components");
5
- var mobile_1 = require("@sub/DynamicLayout/components/mobile");
6
- var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
4
+ var components_1 = require("../../../../../../../../DynamicLayout/components");
5
+ var mobile_1 = require("../../../../../../../../DynamicLayout/components/mobile");
6
+ var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
7
7
  function MembershipBenefitInfo(_a) {
8
8
  var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneType = _a.itemToneType;
9
9
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IConnectedMembership } from '@sub/DynamicLayout/types';
2
+ import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  orderedConnectedMemberships: IConnectedMembership[];
5
5
  };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { IMembership } from '@sub/DynamicLayout/types';
2
+ import type { IMembership } from '../../../../../../../../DynamicLayout/types';
3
3
  type Props = {
4
4
  membership: IMembership;
5
5
  };