@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.f66b754

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 (282) hide show
  1. package/dist/@types/config/schemas.js +53 -39
  2. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
  3. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +6 -6
  4. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
  5. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +6 -6
  6. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
  7. package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.js +18 -0
  8. package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue2.js +15 -0
  9. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +16 -15
  10. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +14 -22
  11. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
  12. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +12 -11
  13. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +12 -10
  14. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
  15. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
  16. package/dist/components/organisms/header/EditorActions.vue.js +21 -0
  17. package/dist/components/organisms/header/EditorActions.vue2.js +41 -0
  18. package/dist/components/organisms/header/EditorToolbar.vue.js +18 -0
  19. package/dist/components/organisms/header/EditorToolbar.vue2.js +17 -0
  20. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -5
  21. package/dist/components/organisms/header/LeftSlot.vue.js +9 -9
  22. package/dist/components/organisms/header/LeftSlot.vue2.js +12 -13
  23. package/dist/components/organisms/header/MiddleSlot.vue.js +7 -7
  24. package/dist/components/organisms/header/MiddleSlot.vue2.js +11 -15
  25. package/dist/components/organisms/header/RightSlot.vue.js +11 -14
  26. package/dist/components/organisms/header/RightSlot.vue2.js +13 -30
  27. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +5 -5
  28. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
  29. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
  30. package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
  31. package/dist/composables/useActionsApi.js +33 -30
  32. package/dist/composables/useConfig.js +29 -27
  33. package/dist/composables/useSave.js +13 -11
  34. package/dist/config/migrator/index.js +9 -8
  35. package/dist/config/migrator/itemsBlockMigrator.js +342 -0
  36. package/dist/config/migrator/recommendationMigrator.js +2 -2
  37. package/dist/enums/academy.js +8 -0
  38. package/dist/enums/onboarding.js +1 -2
  39. package/dist/enums/unsubscribe.js +20 -21
  40. package/dist/extensions/Blocks/Items/block.js +39 -40
  41. package/dist/extensions/Blocks/Items/controls/button/link.js +22 -29
  42. package/dist/extensions/Blocks/Items/controls/cardComposition.js +70 -59
  43. package/dist/extensions/Blocks/Items/controls/image/link.js +23 -30
  44. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  45. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +19 -17
  46. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +31 -29
  47. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +44 -38
  48. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +21 -19
  49. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +29 -27
  50. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +93 -0
  51. package/dist/extensions/Blocks/Items/controls/settingsControl.js +152 -143
  52. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  53. package/dist/extensions/Blocks/Items/enums/productEnums.js +43 -45
  54. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +4 -3
  55. package/dist/extensions/Blocks/Items/extension.js +7 -6
  56. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +58 -49
  57. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +48 -59
  58. package/dist/extensions/Blocks/Items/settingsPanel.js +27 -26
  59. package/dist/extensions/Blocks/Items/store/items-block.js +11 -7
  60. package/dist/extensions/Blocks/Items/template.js +366 -129
  61. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +184 -0
  62. package/dist/extensions/Blocks/Recommendation/block.js +1 -1
  63. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  64. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  65. package/dist/extensions/Blocks/Recommendation/control.js +306 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  67. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  68. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  70. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  71. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  73. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  74. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  75. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  76. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  77. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  78. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  79. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  80. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  81. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  82. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  83. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  84. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  85. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  86. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  87. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  88. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  89. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  90. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  91. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  92. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  93. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  94. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  95. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  96. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  97. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  98. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  99. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  100. package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
  101. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
  102. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
  103. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +26 -29
  104. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
  105. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
  106. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
  107. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  108. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  109. package/dist/extensions/Blocks/common-control.js +30 -32
  110. package/dist/extensions/Blocks/controlFactories.js +106 -130
  111. package/dist/guido.css +1 -1
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +125 -116
  113. package/dist/src/@types/config/index.d.ts +2 -2
  114. package/dist/src/@types/config/schemas.d.ts +26 -0
  115. package/dist/src/@types/config/types.d.ts +7 -1
  116. package/dist/src/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.d.ts +2 -0
  117. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +4 -0
  118. package/dist/src/components/organisms/header/EditorToolbar.vue.d.ts +2 -0
  119. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  120. package/dist/src/composables/useActionsApi.d.ts +1 -0
  121. package/dist/src/composables/useConfig.d.ts +6 -0
  122. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +6 -0
  123. package/dist/src/enums/academy.d.ts +12 -0
  124. package/dist/src/enums/onboarding.d.ts +0 -1
  125. package/dist/src/enums/unsubscribe.d.ts +0 -1
  126. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -2
  127. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +9 -0
  128. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -2
  129. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  130. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +18 -0
  131. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -4
  132. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +1 -0
  133. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +24 -26
  134. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +1 -0
  135. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +2 -0
  136. package/dist/src/extensions/Blocks/Items/template.d.ts +22 -1
  137. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +73 -0
  138. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  139. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
  140. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
  141. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  142. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  143. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  144. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  145. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  146. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  147. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  148. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  149. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  150. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  151. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  152. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  153. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  154. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  155. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  156. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  157. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  158. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  159. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  160. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  161. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  162. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  163. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  164. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  165. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  166. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  167. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  168. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  169. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  170. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  171. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  172. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  173. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  174. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  175. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  176. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -17
  177. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  178. package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
  179. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
  180. package/dist/src/extensions/Blocks/common-control.d.ts +10 -11
  181. package/dist/src/stores/config.d.ts +147 -1
  182. package/dist/src/stores/editor.d.ts +21 -0
  183. package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
  184. package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
  185. package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
  186. package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
  187. package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
  188. package/dist/static/styles/components/button.css.js +1 -1
  189. package/dist/static/styles/components/wide-panel.css.js +5 -1
  190. package/dist/static/styles/customEditorStyle.css.js +2 -38
  191. package/dist/stores/config.js +7 -0
  192. package/dist/stores/editor.js +1 -0
  193. package/dist/utils/pairProductVariables.js +61 -58
  194. package/dist/utils/templatePreparation.js +17 -17
  195. package/package.json +1 -1
  196. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
  197. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
  198. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  199. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  200. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  201. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  202. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  203. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  204. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -12
  205. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
  206. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  207. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  208. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
  209. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  210. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -104
  211. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -86
  212. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -134
  213. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
  214. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -147
  215. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
  216. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -111
  217. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
  218. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -114
  219. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  220. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
  221. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  222. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  223. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
  224. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
  225. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  226. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
  227. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
  228. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  229. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -211
  230. package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -157
  231. package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -72
  232. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  233. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -173
  234. package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -186
  235. package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
  236. package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
  237. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
  238. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
  239. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  240. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  241. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  242. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  243. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  244. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -12
  245. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -27
  246. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
  247. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  248. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  249. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
  250. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  251. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
  252. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -34
  253. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -17
  254. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -16
  255. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  256. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -62
  257. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -15
  258. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -39
  259. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -15
  260. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -81
  261. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  262. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
  263. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  264. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  265. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  266. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  267. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  268. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  269. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  270. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  271. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -73
  272. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
  273. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
  274. package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
  275. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
  276. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
  277. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
  278. package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
  279. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
  280. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
  281. package/dist/static/assets/inbox-mockup.svg.js +0 -4
  282. package/dist/static/assets/phone-mockup.svg.js +0 -4
@@ -1,50 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- /**
3
- * Reads name trimming value from esd-config-block attribute and updates the store.
4
- * This makes the trimming value mutable by syncing it from the DOM.
5
- * @param currentNode - The current node from the control (usually this.currentNode)
6
- */
7
- export declare function syncNameTrimmingFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
8
- /**
9
- * Reads hide discount value from esd-config-block attribute and updates the store.
10
- * This makes the hide discount value mutable by syncing it from the DOM.
11
- * @param currentNode - The current node from the control (usually this.currentNode)
12
- */
13
- export declare function syncHideDiscountFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
14
- /**
15
- * Reads formatted price value from esd-config-block attribute and updates the store.
16
- * This makes the formatted price value mutable by syncing it from the DOM.
17
- * Defaults to true if not set, since formatted is the default.
18
- * @param currentNode - The current node from the control (usually this.currentNode)
19
- */
20
- export declare function syncFormattedPriceFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
21
- /**
22
- * Reads currency symbol value from esd-config-block attribute and updates the store.
23
- * This makes the currency symbol value mutable by syncing it from the DOM.
24
- * @param currentNode - The current node from the control (usually this.currentNode)
25
- */
26
- export declare function syncCurrencySymbolFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
27
- /**
28
- * Reads currency location value from esd-config-block attribute and updates the store.
29
- * This makes the currency location value mutable by syncing it from the DOM.
30
- * @param currentNode - The current node from the control (usually this.currentNode)
31
- */
32
- export declare function syncCurrencyLocationFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
33
- /**
34
- * Reads button link value from esd-config-block attribute and updates the store.
35
- * This makes the button link value mutable by syncing it from the DOM.
36
- * @param currentNode - The current node from the control (usually this.currentNode)
37
- */
38
- export declare function syncButtonLinkFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
39
- /**
40
- * Reads image link value from esd-config-block attribute and updates the store.
41
- * This makes the image link value mutable by syncing it from the DOM.
42
- * @param currentNode - The current node from the control (usually this.currentNode)
43
- */
44
- export declare function syncImageLinkFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
45
- /**
46
- * Reads price orientation value from esd-config-block attribute and updates the store.
47
- * This makes the price orientation value mutable by syncing it from the DOM.
48
- * @param currentNode - The current node from the control (usually this.currentNode)
49
- */
50
- export declare function syncPriceOrientationFromAttributes(currentNode: ImmutableHtmlNode | undefined): void;
@@ -1,8 +0,0 @@
1
- import { ImmutableHtmlNode, ControlApi } from '@stripoinc/ui-editor-extensions';
2
- /**
3
- * Updates attributes on the esd-config-block element based on current store state.
4
- * This utility can be called from controls whenever they change values that affect attributes.
5
- * @param currentNode - The current node from the control (usually this.currentNode)
6
- * @param api - The API object from the control (usually this.api)
7
- */
8
- export declare function updateConfigBlockAttributes(currentNode: ImmutableHtmlNode | undefined, api: ControlApi): void;
@@ -1,13 +0,0 @@
1
- /**
2
- * Block IDs used in the Recommendation Extension
3
- * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
4
- */
5
- export declare enum RecommendationBlockId {
6
- BUTTON = "recommendation-block-button",
7
- NAME = "recommendation-block-name",
8
- PRICE = "recommendation-block-price",
9
- OLD_PRICE = "recommendation-block-old-price",
10
- OMNIBUS_PRICE = "recommendation-block-omnibus-price",
11
- OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
12
- IMAGE = "recommendation-block-image"
13
- }
@@ -1,12 +0,0 @@
1
- /**
2
- * Recommendation Extension Constants
3
- *
4
- * This module re-exports all constants for the Recommendation extension.
5
- * Import from this file for cleaner imports.
6
- * @example
7
- * import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
8
- */
9
- export { RecommendationBlockId } from './blockIds';
10
- export { RecommendationControlId } from './controlIds';
11
- export { CONTAINER_SELECTOR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';
12
- export { DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
@@ -1,27 +0,0 @@
1
- /**
2
- * Layout-related constants for Recommendation block
3
- *
4
- * Centralizes magic numbers for product grid/layout configuration
5
- */
6
- /** Default number of products displayed per row in vertical layout */
7
- export declare const DEFAULT_PRODUCTS_PER_ROW = 3;
8
- /** Default number of cards in a row (used in store initialization) */
9
- export declare const DEFAULT_CARDS_IN_ROW = 3;
10
- /** Maximum number of products that can be displayed */
11
- export declare const MAX_PRODUCT_COUNT = 9;
12
- /** Minimum number of products that can be displayed */
13
- export declare const MIN_PRODUCT_COUNT = 1;
14
- /** Maximum number of products per row in vertical layout */
15
- export declare const MAX_PRODUCTS_PER_ROW = 4;
16
- /** Minimum number of products per row in vertical layout */
17
- export declare const MIN_PRODUCTS_PER_ROW = 1;
18
- /** Default column spacing between product cards (5px on each side = 10px total) */
19
- export declare const DEFAULT_COLUMN_SPACING = 10;
20
- /** Default row spacing between product rows */
21
- export declare const DEFAULT_ROW_SPACING = 20;
22
- /** Minimum spacing value */
23
- export declare const MIN_SPACING = 0;
24
- /** Maximum spacing value */
25
- export declare const MAX_SPACING = 50;
26
- /** Spacing adjustment step */
27
- export declare const SPACING_STEP = 5;
@@ -1,19 +0,0 @@
1
- /**
2
- * CSS selectors and data attributes used across the Recommendation extension
3
- */
4
- /**
5
- * Container selector for the product container element
6
- * Used across controls to target elements within the recommendation block
7
- */
8
- export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
9
- /**
10
- * Attribute type constants used in templates
11
- * These are used as keys in ElementRenderer and composition arrays
12
- */
13
- export declare const ATTR_PRODUCT_IMAGE = "productImage";
14
- export declare const ATTR_PRODUCT_NAME = "productName";
15
- export declare const ATTR_PRODUCT_PRICE = "productPrice";
16
- export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
17
- export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
18
- export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
19
- export declare const ATTR_PRODUCT_BUTTON = "productButton";
@@ -1,143 +0,0 @@
1
- /**
2
- * Button Element Controls
3
- *
4
- * Controls for styling the CTA button element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Button Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const ButtonControls: {
11
- readonly align: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly border: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderControlLabels | undefined;
29
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- readonly borderRadius: {
36
- new (): {
37
- getId(): string;
38
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
39
- getParentControlId(): string;
40
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderRadiusControlLabels | undefined;
41
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
42
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
43
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
44
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
45
- };
46
- };
47
- readonly color: {
48
- new (): {
49
- getId(): string;
50
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
51
- getParentControlId(): string;
52
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
53
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
54
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
55
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
56
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
57
- };
58
- };
59
- readonly fontFamily: {
60
- new (): {
61
- getId(): string;
62
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
63
- getParentControlId(): string;
64
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
65
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
66
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
67
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
68
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
69
- };
70
- };
71
- readonly margins: {
72
- new (): {
73
- getId(): string;
74
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
75
- getParentControlId(): string;
76
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
77
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
78
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
79
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
80
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
81
- };
82
- };
83
- readonly paddings: {
84
- new (): {
85
- getId(): string;
86
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
87
- getParentControlId(): string;
88
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
89
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
90
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
91
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
92
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
93
- };
94
- };
95
- readonly text: {
96
- new (): {
97
- getId(): string;
98
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
99
- getParentControlId(): string;
100
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
101
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
102
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
103
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
104
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
105
- };
106
- };
107
- readonly textSize: {
108
- new (): {
109
- getId(): string;
110
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
111
- getParentControlId(): string;
112
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
113
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
114
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
115
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
116
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
117
- };
118
- };
119
- readonly textStyleAndFontColor: {
120
- new (): {
121
- getId(): string;
122
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
123
- getParentControlId(): string;
124
- getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
125
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
126
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
127
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
128
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
129
- };
130
- };
131
- readonly fitToContent: {
132
- new (): {
133
- getId(): string;
134
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
135
- getParentControlId(): string;
136
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
137
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
138
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
139
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
140
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
141
- };
142
- };
143
- };
@@ -1,31 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- export declare const CARD_BACKGROUND_COLOR_CONTROL_ID = "recommendation-card-background-color-control";
4
- /**
5
- * Control for managing recommendation card background color
6
- * This control is displayed in the Styles tab
7
- */
8
- export declare class CardBackgroundColorControl extends CommonControl {
9
- getId(): string;
10
- getTemplate(): string;
11
- onRender(): void;
12
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
13
- _setFormValues(): void;
14
- /**
15
- * Gets the appropriate selector based on layout
16
- * Vertical: .product-card-segment (inner table per product cell)
17
- * Horizontal: .product-card-wrapper (table per product row)
18
- */
19
- _getCardSelector(): string;
20
- /**
21
- * Reads the current background color from the first product card element
22
- * @returns The background color value or 'transparent' if not found
23
- */
24
- _getCurrentCardBackgroundColor(): string;
25
- /**
26
- * Handles card background color changes
27
- * Applies the color to all product card elements based on layout
28
- */
29
- _onCardBackgroundColorChange(color: string): void;
30
- _listenToFormUpdates(): void;
31
- }
@@ -1,95 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
4
- export interface CardCompositionItem {
5
- key: string;
6
- label: string;
7
- visible: boolean;
8
- }
9
- export declare class RecommendationCardCompositionControl extends CommonControl {
10
- private store;
11
- private unsubscribeOrientation;
12
- getId(): string;
13
- getTemplate(): string;
14
- onRender(): void;
15
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
16
- /**
17
- * Creates the HTML content for an orderable item with label and toggle
18
- */
19
- private _createItemContent;
20
- /**
21
- * Registers event listeners for composition and visibility changes
22
- */
23
- private _registerValueChangeListeners;
24
- /**
25
- * Initializes composition order and visibility state from the current node
26
- */
27
- private _initializeComposition;
28
- /**
29
- * Reads composition order from node's data-card-composition attribute
30
- * Falls back to default order if attribute is not present
31
- */
32
- private _readCompositionFromNode;
33
- /**
34
- * Builds visibility values object from the visibility map
35
- */
36
- private _buildVisibilityValues;
37
- /**
38
- * Read visibility state from individual row elements' data-visibility attributes
39
- * This ensures toggles reflect the actual DOM state
40
- */
41
- private _readVisibilityFromRows;
42
- /**
43
- * Returns default visibility values for all items
44
- */
45
- private _getDefaultVisibilities;
46
- /**
47
- * Extracts visibility values from DOM nodes
48
- */
49
- private _extractVisibilityFromRows;
50
- /**
51
- * Parses visibility value from string to boolean
52
- * Accepts "1", "true" as true, everything else as false
53
- */
54
- private _parseVisibilityValue;
55
- /**
56
- * Merges extracted visibilities with default values for missing keys
57
- */
58
- private _mergeWithDefaults;
59
- /**
60
- * Apply the reordered composition to the block's HTML structure
61
- * Updates the data-card-composition attribute and reorders product attributes
62
- * Note: Reordering is only applied for vertical layout
63
- */
64
- private _applyCompositionToBlock;
65
- /**
66
- * Reorders attribute rows within each product card based on composition order
67
- * Targets the tbody inside each product-attribute-cell to preserve card structure
68
- */
69
- private _reorderProductAttributes;
70
- /**
71
- * Builds HTML string with attributes ordered according to composition
72
- */
73
- private _buildCompositionHtml;
74
- /**
75
- * Apply visibility changes to the block's HTML structure
76
- * Updates display style and data-visibility attribute for all matching elements
77
- * - <tr> elements: use display: none / table-row
78
- * - <td> elements: use display: none / table-cell
79
- */
80
- private _applyVisibilityToBlock;
81
- /**
82
- * Gets the current layout orientation from store or DOM
83
- */
84
- private _getCurrentLayout;
85
- /**
86
- * Updates orderable state based on layout orientation
87
- * Adds/removes disabled class to hide drag icons for horizontal layout
88
- */
89
- private _updateOrderableState;
90
- /**
91
- * Subscribe to store orientation changes
92
- * Updates orderable state when layout changes via the layout control
93
- */
94
- private _subscribeToOrientationChanges;
95
- }
@@ -1,35 +0,0 @@
1
- /**
2
- * Image Element Controls
3
- *
4
- * Controls for styling the product image element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Image Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const ImageControls: {
11
- readonly size: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly margins: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
29
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- };
@@ -1,24 +0,0 @@
1
- /**
2
- * Recommendation Block Controls
3
- *
4
- * This module exports all controls for the Recommendation extension.
5
- * Controls are organized by element type for better discoverability.
6
- * @example
7
- * // Grouped imports (recommended)
8
- * import { NameControls, ButtonControls } from './controls';
9
- * // Or individual imports
10
- * import { NameAlignControl, ButtonColorControl } from './controls';
11
- */
12
- export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, } from './main';
13
- export * from './main/utils';
14
- export { NameControls } from './name';
15
- export { PriceControls } from './price';
16
- export { OldPriceControls } from './oldPrice';
17
- export { OmnibusPriceControls } from './omnibusPrice';
18
- export { OmnibusDiscountControls } from './omnibusDiscount';
19
- export { ButtonControls } from './button';
20
- export { ImageControls } from './image';
21
- export { SpacingControl, SPACING_CONTROL_ID } from './spacing';
22
- export { CardBackgroundColorControl, CARD_BACKGROUND_COLOR_CONTROL_ID } from './cardBackground';
23
- export { LayoutControl, LAYOUT_CONTROL_ID } from './layout';
24
- export { RecommendationCardCompositionControl, COMPOSITION_CONTROL_BLOCK_ID } from './cardComposition';
@@ -1,34 +0,0 @@
1
- /**
2
- * Layout Control
3
- *
4
- * Manages recommendation block layout orientation
5
- * Allows switching between vertical (grid) and horizontal (list) layouts
6
- */
7
- import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
8
- import { CommonControl } from '../../../common-control';
9
- import { type Orientation } from '../../templates';
10
- export declare const LAYOUT_CONTROL_ID = "recommendation-layout-control";
11
- /**
12
- * Control for managing recommendation block layout orientation
13
- * Allows switching between vertical (grid) and horizontal (list) layouts
14
- */
15
- export declare class LayoutControl extends CommonControl {
16
- private store;
17
- private isChangingLayout;
18
- getId(): string;
19
- getTemplate(): string;
20
- onRender(): void;
21
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
22
- _setFormValues(): void;
23
- /**
24
- * Handles layout change
25
- * Updates the block's data attribute and regenerates product rows
26
- */
27
- _onLayoutChange(layout: Orientation): void;
28
- /**
29
- * Regenerates product rows based on the selected layout
30
- * Special handling: captures and reapplies background color across layout changes
31
- */
32
- _regenerateProductRows(layout: Orientation): void;
33
- _listenToFormUpdates(): void;
34
- }
@@ -1,17 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const ALGORITHM_CONTROL_ID = "recommendation-algorithm-control";
3
- /**
4
- * Control for selecting recommendation algorithm and manual product IDs
5
- */
6
- export declare class AlgorithmControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _setProductIdsVisibility(): void;
14
- _onAlgorithmChange(value: string): void;
15
- _onProductIdsChange(value: string): void;
16
- _listenToFormUpdates(): void;
17
- }
@@ -1,16 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const CURRENCY_CONTROL_ID = "recommendation-currency-control";
3
- /**
4
- * Control for managing currency display settings in recommendation blocks
5
- */
6
- export declare class CurrencyControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _onCurrencyChange(value: string): void;
14
- _onCurrencyConfigChange(item: string, value: string | number): void;
15
- _listenToFormUpdates(): void;
16
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * Filters Control
3
- *
4
- * Handles the filter selection UI for recommendation products
5
- * Opens filter selection drawer when button is clicked
6
- */
7
- import { CommonControl } from '../../../common-control';
8
- export declare const FILTERS_CONTROL_ID = "recommendation-filters-control";
9
- /**
10
- * Control for managing recommendation product filters
11
- */
12
- export declare class FiltersControl extends CommonControl {
13
- private store;
14
- private addFilterListener;
15
- private addFilterButton;
16
- getId(): string;
17
- getTemplate(): string;
18
- onRender(): void;
19
- onDestroy(): void;
20
- _onFilterSelectClick(): void;
21
- _setupButtonListener(): void;
22
- }
@@ -1,62 +0,0 @@
1
- /**
2
- * Main Recommendation Block Control
3
- *
4
- * This is a coordinator control that composes all recommendation configuration
5
- * sub-controls into a single settings panel. It handles:
6
- * - Initial API data fetching
7
- * - Store subscriptions for product refresh
8
- * - Coordinating lifecycle of sub-controls
9
- *
10
- * Sub-controls are also exported individually for flexibility:
11
- * - AlgorithmControl: Strategy and product IDs
12
- * - LocaleControl: Language selection
13
- * - CurrencyControl: Currency formatting settings
14
- * - ProductLayoutControl: Product count and grid layout
15
- * - FiltersControl: Filter selection
16
- * - ShuffleControl: Product shuffle toggle
17
- */
18
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
19
- import { CommonControl } from '../../../common-control';
20
- import { AlgorithmControl, ALGORITHM_CONTROL_ID } from './algorithm';
21
- import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
22
- import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
23
- import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
24
- import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
25
- import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
26
- export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
27
- export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, };
28
- export * from './utils';
29
- /**
30
- * Main recommendation block control that composes all sub-controls
31
- * Registered in the Settings tab of the block's settings panel
32
- */
33
- export declare class RecommendationBlockControl extends CommonControl {
34
- private store;
35
- private storeUnsubscription;
36
- private algorithmControl;
37
- private localeControl;
38
- private currencyControl;
39
- private productLayoutControl;
40
- private filtersControl;
41
- private shuffleControl;
42
- getId(): string;
43
- getTemplate(): string;
44
- onRender(): Promise<void>;
45
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
46
- onDestroy(): void;
47
- /**
48
- * Initialize all sub-controls with the shared API context
49
- * Each sub-control manages its own form values and event listeners
50
- */
51
- _initializeSubControls(): void;
52
- /**
53
- * Debounced product fetch to prevent rapid API calls during config changes
54
- */
55
- private _debouncedFetchProducts;
56
- /**
57
- * Listen to store changes that require product refresh
58
- * Only triggers for meaningful config changes (size, strategy, filters, etc.)
59
- * Uses debounce to prevent rapid API calls
60
- */
61
- _listenStateUpdates(): void;
62
- }
@@ -1,15 +0,0 @@
1
- import { CommonControl } from '../../../common-control';
2
- export declare const LOCALE_CONTROL_ID = "recommendation-locale-control";
3
- /**
4
- * Control for selecting recommendation content locale/language
5
- */
6
- export declare class LocaleControl extends CommonControl {
7
- private store;
8
- getId(): string;
9
- getTemplate(): string;
10
- onRender(): void;
11
- _setFormValues(): void;
12
- _initializeSelectItems(): void;
13
- _onLocaleChange(value: string): void;
14
- _listenToFormUpdates(): void;
15
- }