@automattic/onboarding 1.0.0 → 1.0.1

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 (547) hide show
  1. package/.storybook/index.scss +16 -0
  2. package/.storybook/main.ts +15 -0
  3. package/.storybook/preview.ts +5 -0
  4. package/CHANGELOG.md +5 -0
  5. package/dist/cjs/action-buttons/index.js +1 -13
  6. package/dist/cjs/action-buttons/index.js.map +1 -1
  7. package/dist/cjs/action-buttons/style.scss +4 -40
  8. package/dist/cjs/cart/create-cart-manager-client.js +3 -3
  9. package/dist/cjs/cart/create-cart-manager-client.js.map +1 -1
  10. package/dist/cjs/cart/index.js +45 -67
  11. package/dist/cjs/cart/index.js.map +1 -1
  12. package/dist/cjs/confetti/index.js +1 -1
  13. package/dist/cjs/confetti/index.js.map +1 -1
  14. package/dist/cjs/flow-progress/use-flow-progress.js +0 -57
  15. package/dist/cjs/flow-progress/use-flow-progress.js.map +1 -1
  16. package/dist/cjs/hooks/use-persisted-state.js +61 -0
  17. package/dist/cjs/hooks/use-persisted-state.js.map +1 -0
  18. package/dist/cjs/hooray/index.js +1 -1
  19. package/dist/cjs/index.js +11 -10
  20. package/dist/cjs/index.js.map +1 -1
  21. package/dist/cjs/mshots-image/index.js +34 -15
  22. package/dist/cjs/mshots-image/index.js.map +1 -1
  23. package/dist/cjs/mshots-image/style.scss +1 -0
  24. package/dist/cjs/navigator/hooks/index.js +2 -1
  25. package/dist/cjs/navigator/hooks/index.js.map +1 -1
  26. package/dist/cjs/navigator/navigator-buttons/index.js +2 -2
  27. package/dist/cjs/navigator/navigator-buttons/index.js.map +1 -1
  28. package/dist/cjs/navigator/navigator-header/index.js.map +1 -1
  29. package/dist/cjs/navigator/navigator-screens/hooks/index.js +3 -2
  30. package/dist/cjs/navigator/navigator-screens/hooks/index.js.map +1 -1
  31. package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
  32. package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
  33. package/dist/cjs/navigator/navigator-screens/navigator-screens.js +7 -2
  34. package/dist/cjs/navigator/navigator-screens/navigator-screens.js.map +1 -1
  35. package/dist/cjs/select-card-checkbox/index.js +4 -3
  36. package/dist/cjs/select-card-checkbox/index.js.map +1 -1
  37. package/dist/cjs/select-card-checkbox/style.scss +11 -14
  38. package/dist/cjs/select-card-checkbox-v2/index.js +15 -0
  39. package/dist/cjs/select-card-checkbox-v2/index.js.map +1 -0
  40. package/dist/cjs/select-card-checkbox-v2/style.scss +25 -0
  41. package/dist/cjs/select-items/index.js +2 -1
  42. package/dist/cjs/select-items/index.js.map +1 -1
  43. package/dist/cjs/select-items/style.scss +2 -1
  44. package/dist/cjs/setup-tailored-site-after-creation.js +9 -37
  45. package/dist/cjs/setup-tailored-site-after-creation.js.map +1 -1
  46. package/dist/cjs/step-container/index.js +10 -12
  47. package/dist/cjs/step-container/index.js.map +1 -1
  48. package/dist/cjs/step-container/style.scss +35 -77
  49. package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js +14 -0
  50. package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
  51. package/dist/cjs/step-container-v2/components/ContentRow/style.scss +26 -0
  52. package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js +19 -0
  53. package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
  54. package/dist/cjs/step-container-v2/components/ContentWrapper/style.scss +70 -0
  55. package/dist/cjs/step-container-v2/components/Heading/Heading.js +17 -0
  56. package/dist/cjs/step-container-v2/components/Heading/Heading.js.map +1 -0
  57. package/dist/cjs/step-container-v2/components/Heading/style.scss +47 -0
  58. package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js +36 -0
  59. package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
  60. package/dist/cjs/step-container-v2/components/StepContainerV2/context.js +13 -0
  61. package/dist/cjs/step-container-v2/components/StepContainerV2/context.js.map +1 -0
  62. package/dist/cjs/step-container-v2/components/StepContainerV2/style.scss +21 -0
  63. package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js +17 -0
  64. package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
  65. package/dist/cjs/step-container-v2/components/StepCounter/style.scss +4 -0
  66. package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +17 -0
  67. package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
  68. package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +31 -0
  69. package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
  70. package/dist/cjs/step-container-v2/components/StickyBottomBar/style.scss +56 -0
  71. package/dist/cjs/step-container-v2/components/TopBar/TopBar.js +55 -0
  72. package/dist/cjs/step-container-v2/components/TopBar/TopBar.js.map +1 -0
  73. package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js +32 -0
  74. package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
  75. package/dist/cjs/step-container-v2/components/TopBar/style.scss +75 -0
  76. package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js +29 -0
  77. package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
  78. package/dist/cjs/step-container-v2/components/buttons/BackButton/style.scss +16 -0
  79. package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js +18 -0
  80. package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
  81. package/dist/cjs/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
  82. package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +18 -0
  83. package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
  84. package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
  85. package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +18 -0
  86. package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
  87. package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
  88. package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js +28 -0
  89. package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
  90. package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js +17 -0
  91. package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
  92. package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +18 -0
  93. package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
  94. package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js +13 -0
  95. package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
  96. package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js +18 -0
  97. package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
  98. package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +15 -0
  99. package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
  100. package/dist/cjs/step-container-v2/index.js +41 -0
  101. package/dist/cjs/step-container-v2/index.js.map +1 -0
  102. package/dist/cjs/step-container-v2/types.js +3 -0
  103. package/dist/cjs/step-container-v2/types.js.map +1 -0
  104. package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +26 -0
  105. package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
  106. package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +52 -0
  107. package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
  108. package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +26 -0
  109. package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
  110. package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +25 -0
  111. package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
  112. package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
  113. package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js +30 -0
  114. package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
  115. package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js +29 -0
  116. package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
  117. package/dist/cjs/step-container-v2/wireframes/Loading/style.scss +22 -0
  118. package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +17 -0
  119. package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
  120. package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +17 -0
  121. package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
  122. package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
  123. package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +38 -0
  124. package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
  125. package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +28 -0
  126. package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
  127. package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
  128. package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js +17 -0
  129. package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
  130. package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +41 -0
  131. package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
  132. package/dist/cjs/step-navigation-link/index.js +2 -2
  133. package/dist/cjs/step-navigation-link/index.js.map +1 -1
  134. package/dist/cjs/step-navigation-link/style.scss +5 -3
  135. package/dist/cjs/titles/styles.scss +2 -2
  136. package/dist/cjs/upload-and-set-site-logo.js +4 -5
  137. package/dist/cjs/upload-and-set-site-logo.js.map +1 -1
  138. package/dist/cjs/utils/contrastChecker.js +1 -22
  139. package/dist/cjs/utils/contrastChecker.js.map +1 -1
  140. package/dist/cjs/utils/flows.js +73 -117
  141. package/dist/cjs/utils/flows.js.map +1 -1
  142. package/dist/cjs/utils/is-domain.js +1 -2
  143. package/dist/cjs/utils/is-domain.js.map +1 -1
  144. package/dist/cjs/utils/use-data-loss-warning.js +1 -2
  145. package/dist/cjs/utils/use-data-loss-warning.js.map +1 -1
  146. package/dist/cjs/wpcom-request.js +24 -0
  147. package/dist/cjs/wpcom-request.js.map +1 -0
  148. package/dist/esm/action-buttons/index.js +1 -11
  149. package/dist/esm/action-buttons/index.js.map +1 -1
  150. package/dist/esm/action-buttons/style.scss +4 -40
  151. package/dist/esm/cart/create-cart-manager-client.js +1 -1
  152. package/dist/esm/cart/create-cart-manager-client.js.map +1 -1
  153. package/dist/esm/cart/index.js +40 -61
  154. package/dist/esm/cart/index.js.map +1 -1
  155. package/dist/esm/confetti/index.js +1 -1
  156. package/dist/esm/confetti/index.js.map +1 -1
  157. package/dist/esm/flow-progress/use-flow-progress.js +1 -58
  158. package/dist/esm/flow-progress/use-flow-progress.js.map +1 -1
  159. package/dist/esm/hooks/use-persisted-state.js +57 -0
  160. package/dist/esm/hooks/use-persisted-state.js.map +1 -0
  161. package/dist/esm/hooray/index.js +1 -1
  162. package/dist/esm/index.js +6 -5
  163. package/dist/esm/index.js.map +1 -1
  164. package/dist/esm/mshots-image/index.js +33 -13
  165. package/dist/esm/mshots-image/index.js.map +1 -1
  166. package/dist/esm/mshots-image/style.scss +1 -0
  167. package/dist/esm/navigator/navigator-buttons/index.js.map +1 -1
  168. package/dist/esm/navigator/navigator-header/index.js.map +1 -1
  169. package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
  170. package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
  171. package/dist/esm/navigator/navigator-screens/navigator-screens.js +8 -3
  172. package/dist/esm/navigator/navigator-screens/navigator-screens.js.map +1 -1
  173. package/dist/esm/select-card-checkbox/index.js +4 -3
  174. package/dist/esm/select-card-checkbox/index.js.map +1 -1
  175. package/dist/esm/select-card-checkbox/style.scss +11 -14
  176. package/dist/esm/select-card-checkbox-v2/index.js +12 -0
  177. package/dist/esm/select-card-checkbox-v2/index.js.map +1 -0
  178. package/dist/esm/select-card-checkbox-v2/style.scss +25 -0
  179. package/dist/esm/select-items/index.js +3 -2
  180. package/dist/esm/select-items/index.js.map +1 -1
  181. package/dist/esm/select-items/style.scss +2 -1
  182. package/dist/esm/setup-tailored-site-after-creation.js +9 -37
  183. package/dist/esm/setup-tailored-site-after-creation.js.map +1 -1
  184. package/dist/esm/step-container/index.js +11 -13
  185. package/dist/esm/step-container/index.js.map +1 -1
  186. package/dist/esm/step-container/style.scss +35 -77
  187. package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js +9 -0
  188. package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
  189. package/dist/esm/step-container-v2/components/ContentRow/style.scss +26 -0
  190. package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js +14 -0
  191. package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
  192. package/dist/esm/step-container-v2/components/ContentWrapper/style.scss +70 -0
  193. package/dist/esm/step-container-v2/components/Heading/Heading.js +12 -0
  194. package/dist/esm/step-container-v2/components/Heading/Heading.js.map +1 -0
  195. package/dist/esm/step-container-v2/components/Heading/style.scss +47 -0
  196. package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js +32 -0
  197. package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
  198. package/dist/esm/step-container-v2/components/StepContainerV2/context.js +10 -0
  199. package/dist/esm/step-container-v2/components/StepContainerV2/context.js.map +1 -0
  200. package/dist/esm/step-container-v2/components/StepContainerV2/style.scss +21 -0
  201. package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js +13 -0
  202. package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
  203. package/dist/esm/step-container-v2/components/StepCounter/style.scss +4 -0
  204. package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +12 -0
  205. package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
  206. package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +27 -0
  207. package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
  208. package/dist/esm/step-container-v2/components/StickyBottomBar/style.scss +56 -0
  209. package/dist/esm/step-container-v2/components/TopBar/TopBar.js +49 -0
  210. package/dist/esm/step-container-v2/components/TopBar/TopBar.js.map +1 -0
  211. package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js +27 -0
  212. package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
  213. package/dist/esm/step-container-v2/components/TopBar/style.scss +75 -0
  214. package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js +25 -0
  215. package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
  216. package/dist/esm/step-container-v2/components/buttons/BackButton/style.scss +16 -0
  217. package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js +14 -0
  218. package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
  219. package/dist/esm/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
  220. package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +14 -0
  221. package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
  222. package/dist/esm/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
  223. package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +14 -0
  224. package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
  225. package/dist/esm/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
  226. package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js +24 -0
  227. package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
  228. package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js +13 -0
  229. package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
  230. package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +14 -0
  231. package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
  232. package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js +8 -0
  233. package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
  234. package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js +15 -0
  235. package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
  236. package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +11 -0
  237. package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
  238. package/dist/esm/step-container-v2/index.js +22 -0
  239. package/dist/esm/step-container-v2/index.js.map +1 -0
  240. package/dist/esm/step-container-v2/types.js +2 -0
  241. package/dist/esm/step-container-v2/types.js.map +1 -0
  242. package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +22 -0
  243. package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
  244. package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +45 -0
  245. package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
  246. package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +23 -0
  247. package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
  248. package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +21 -0
  249. package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
  250. package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
  251. package/dist/esm/step-container-v2/wireframes/Loading/Loading.js +26 -0
  252. package/dist/esm/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
  253. package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js +22 -0
  254. package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
  255. package/dist/esm/step-container-v2/wireframes/Loading/style.scss +22 -0
  256. package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +12 -0
  257. package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
  258. package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +13 -0
  259. package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
  260. package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
  261. package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +33 -0
  262. package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
  263. package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +22 -0
  264. package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
  265. package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
  266. package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js +13 -0
  267. package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
  268. package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +36 -0
  269. package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
  270. package/dist/esm/step-navigation-link/index.js +2 -2
  271. package/dist/esm/step-navigation-link/index.js.map +1 -1
  272. package/dist/esm/step-navigation-link/style.scss +5 -3
  273. package/dist/esm/titles/styles.scss +2 -2
  274. package/dist/esm/upload-and-set-site-logo.js +1 -1
  275. package/dist/esm/upload-and-set-site-logo.js.map +1 -1
  276. package/dist/esm/utils/contrastChecker.js +0 -20
  277. package/dist/esm/utils/contrastChecker.js.map +1 -1
  278. package/dist/esm/utils/flows.js +57 -96
  279. package/dist/esm/utils/flows.js.map +1 -1
  280. package/dist/esm/wpcom-request.js +18 -0
  281. package/dist/esm/wpcom-request.js.map +1 -0
  282. package/dist/styles/mixins.scss +4 -4
  283. package/dist/styles/variables.scss +2 -2
  284. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  285. package/dist/tsconfig.tsbuildinfo +1 -1
  286. package/dist/types/action-buttons/index.d.ts +0 -4
  287. package/dist/types/action-buttons/index.d.ts.map +1 -1
  288. package/dist/types/cart/index.d.ts +7 -4
  289. package/dist/types/cart/index.d.ts.map +1 -1
  290. package/dist/types/flow-progress/use-flow-progress.d.ts.map +1 -1
  291. package/dist/types/hooks/use-persisted-state.d.ts +26 -0
  292. package/dist/types/hooks/use-persisted-state.d.ts.map +1 -0
  293. package/dist/types/index.d.ts +6 -5
  294. package/dist/types/index.d.ts.map +1 -1
  295. package/dist/types/intent-screen/index.d.ts.map +1 -1
  296. package/dist/types/mshots-image/index.d.ts +2 -1
  297. package/dist/types/mshots-image/index.d.ts.map +1 -1
  298. package/dist/types/navigator/hooks/use-navigator-listener.d.ts.map +1 -1
  299. package/dist/types/navigator/navigator-buttons/index.d.ts +1 -1
  300. package/dist/types/navigator/navigator-buttons/index.d.ts.map +1 -1
  301. package/dist/types/navigator/navigator-header/index.d.ts +1 -1
  302. package/dist/types/navigator/navigator-header/index.d.ts.map +1 -1
  303. package/dist/types/navigator/navigator-item-group/index.d.ts +0 -1
  304. package/dist/types/navigator/navigator-item-group/index.d.ts.map +1 -1
  305. package/dist/types/navigator/navigator-listener/index.d.ts.map +1 -1
  306. package/dist/types/navigator/navigator-screen/index.d.ts.map +1 -1
  307. package/dist/types/navigator/navigator-screens/hooks/use-navigator-buttons.d.ts.map +1 -1
  308. package/dist/types/navigator/navigator-screens/hooks/use-navigator-screens.d.ts.map +1 -1
  309. package/dist/types/navigator/navigator-screens/navigator-screens.d.ts +4 -2
  310. package/dist/types/navigator/navigator-screens/navigator-screens.d.ts.map +1 -1
  311. package/dist/types/navigator/navigator-screens/types.d.ts +1 -1
  312. package/dist/types/navigator/navigator-screens/types.d.ts.map +1 -1
  313. package/dist/types/progress/index.d.ts.map +1 -1
  314. package/dist/types/select-card-checkbox/index.d.ts +3 -1
  315. package/dist/types/select-card-checkbox/index.d.ts.map +1 -1
  316. package/dist/types/select-card-checkbox-v2/index.d.ts +12 -0
  317. package/dist/types/select-card-checkbox-v2/index.d.ts.map +1 -0
  318. package/dist/types/select-items/index.d.ts +1 -1
  319. package/dist/types/select-items/index.d.ts.map +1 -1
  320. package/dist/types/setup-tailored-site-after-creation.d.ts +1 -1
  321. package/dist/types/setup-tailored-site-after-creation.d.ts.map +1 -1
  322. package/dist/types/step-container/index.d.ts +3 -4
  323. package/dist/types/step-container/index.d.ts.map +1 -1
  324. package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts +9 -0
  325. package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts.map +1 -0
  326. package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts +15 -0
  327. package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts.map +1 -0
  328. package/dist/types/step-container-v2/components/Heading/Heading.d.ts +11 -0
  329. package/dist/types/step-container-v2/components/Heading/Heading.d.ts.map +1 -0
  330. package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts +7 -0
  331. package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts.map +1 -0
  332. package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts +12 -0
  333. package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts.map +1 -0
  334. package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts +7 -0
  335. package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts.map +1 -0
  336. package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts +14 -0
  337. package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts.map +1 -0
  338. package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts +5 -0
  339. package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts.map +1 -0
  340. package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts +25 -0
  341. package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts.map +1 -0
  342. package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts +6 -0
  343. package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts.map +1 -0
  344. package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts +6 -0
  345. package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts.map +1 -0
  346. package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts +4 -0
  347. package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts.map +1 -0
  348. package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts +4 -0
  349. package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts.map +1 -0
  350. package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts +4 -0
  351. package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts.map +1 -0
  352. package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts +9 -0
  353. package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts.map +1 -0
  354. package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts +10 -0
  355. package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts.map +1 -0
  356. package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts +8 -0
  357. package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts.map +1 -0
  358. package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts +5 -0
  359. package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts.map +1 -0
  360. package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts +7 -0
  361. package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts.map +1 -0
  362. package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts +2 -0
  363. package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts.map +1 -0
  364. package/dist/types/step-container-v2/index.d.ts +22 -0
  365. package/dist/types/step-container-v2/index.d.ts.map +1 -0
  366. package/dist/types/step-container-v2/types.d.ts +4 -0
  367. package/dist/types/step-container-v2/types.d.ts.map +1 -0
  368. package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts +16 -0
  369. package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts.map +1 -0
  370. package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts +9 -0
  371. package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts.map +1 -0
  372. package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts +18 -0
  373. package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts.map +1 -0
  374. package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts +6 -0
  375. package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts.map +1 -0
  376. package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts +12 -0
  377. package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts.map +1 -0
  378. package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts +9 -0
  379. package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts.map +1 -0
  380. package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts +10 -0
  381. package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts.map +1 -0
  382. package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts +6 -0
  383. package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts.map +1 -0
  384. package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts +20 -0
  385. package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts.map +1 -0
  386. package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts +8 -0
  387. package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts.map +1 -0
  388. package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts +13 -0
  389. package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts.map +1 -0
  390. package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts +9 -0
  391. package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts.map +1 -0
  392. package/dist/types/step-navigation-link/index.d.ts +1 -1
  393. package/dist/types/step-navigation-link/index.d.ts.map +1 -1
  394. package/dist/types/upload-and-set-site-logo.d.ts +1 -1
  395. package/dist/types/upload-and-set-site-logo.d.ts.map +1 -1
  396. package/dist/types/utils/contrastChecker.d.ts +0 -10
  397. package/dist/types/utils/contrastChecker.d.ts.map +1 -1
  398. package/dist/types/utils/domain-suggester.d.ts.map +1 -1
  399. package/dist/types/utils/flows.d.ts +37 -46
  400. package/dist/types/utils/flows.d.ts.map +1 -1
  401. package/dist/types/wpcom-request.d.ts +7 -0
  402. package/dist/types/wpcom-request.d.ts.map +1 -0
  403. package/jest.config.js +0 -1
  404. package/package.json +44 -23
  405. package/src/action-buttons/index.tsx +0 -40
  406. package/src/action-buttons/style.scss +4 -40
  407. package/src/cart/create-cart-manager-client.ts +1 -1
  408. package/src/cart/index.tsx +60 -103
  409. package/src/cart/test/index.ts +14 -14
  410. package/src/confetti/index.tsx +1 -1
  411. package/src/flow-progress/use-flow-progress.ts +1 -66
  412. package/src/hooks/test/index.ts +54 -0
  413. package/src/hooks/use-persisted-state.ts +85 -0
  414. package/src/hooray/index.tsx +1 -1
  415. package/src/index.ts +7 -12
  416. package/src/intent-screen/test/index.tsx +10 -7
  417. package/src/mshots-image/index.tsx +52 -21
  418. package/src/mshots-image/style.scss +1 -0
  419. package/src/navigator/navigator-buttons/index.tsx +1 -0
  420. package/src/navigator/navigator-header/index.tsx +1 -0
  421. package/src/navigator/navigator-screens/hooks/use-navigator-screens.tsx +5 -1
  422. package/src/navigator/navigator-screens/navigator-screens.tsx +17 -0
  423. package/src/navigator/navigator-screens/types.ts +1 -0
  424. package/src/select-card-checkbox/index.tsx +10 -4
  425. package/src/select-card-checkbox/style.scss +11 -14
  426. package/src/select-card-checkbox-v2/index.tsx +51 -0
  427. package/src/select-card-checkbox-v2/style.scss +25 -0
  428. package/src/select-card-checkbox-v2/test/index.test.tsx +49 -0
  429. package/src/select-items/index.tsx +10 -4
  430. package/src/select-items/style.scss +2 -1
  431. package/src/setup-tailored-site-after-creation.ts +16 -60
  432. package/src/step-container/index.tsx +21 -42
  433. package/src/step-container/style.scss +35 -77
  434. package/src/step-container-v2/README.md +235 -0
  435. package/src/step-container-v2/components/ContentRow/ContentRow.tsx +27 -0
  436. package/src/step-container-v2/components/ContentRow/style.scss +26 -0
  437. package/src/step-container-v2/components/ContentWrapper/ContentWrapper.tsx +41 -0
  438. package/src/step-container-v2/components/ContentWrapper/style.scss +70 -0
  439. package/src/step-container-v2/components/Heading/Heading.tsx +31 -0
  440. package/src/step-container-v2/components/Heading/style.scss +47 -0
  441. package/src/step-container-v2/components/StepContainerV2/StepContainerV2.tsx +55 -0
  442. package/src/step-container-v2/components/StepContainerV2/context.ts +25 -0
  443. package/src/step-container-v2/components/StepContainerV2/style.scss +21 -0
  444. package/src/step-container-v2/components/StepCounter/StepCounter.tsx +32 -0
  445. package/src/step-container-v2/components/StepCounter/style.scss +4 -0
  446. package/src/step-container-v2/components/StickyBottomBar/StickyBottomBar.tsx +46 -0
  447. package/src/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.tsx +41 -0
  448. package/src/step-container-v2/components/StickyBottomBar/style.scss +56 -0
  449. package/src/step-container-v2/components/TopBar/TopBar.tsx +116 -0
  450. package/src/step-container-v2/components/TopBar/TopBarRenderer.tsx +43 -0
  451. package/src/step-container-v2/components/TopBar/style.scss +75 -0
  452. package/src/step-container-v2/components/buttons/BackButton/BackButton.tsx +32 -0
  453. package/src/step-container-v2/components/buttons/BackButton/style.scss +16 -0
  454. package/src/step-container-v2/components/buttons/LinkButton/LinkButton.tsx +17 -0
  455. package/src/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
  456. package/src/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.tsx +17 -0
  457. package/src/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
  458. package/src/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.tsx +17 -0
  459. package/src/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
  460. package/src/step-container-v2/components/buttons/SkipButton/SkipButton.tsx +30 -0
  461. package/src/step-container-v2/contexts/StepContainerV2Context.ts +23 -0
  462. package/src/step-container-v2/helpers/decorateButtonWithTracksEventRecording.ts +28 -0
  463. package/src/step-container-v2/helpers/normalizeButtonProps.ts +14 -0
  464. package/src/step-container-v2/helpers/wireframe-placeholder.tsx +28 -0
  465. package/src/step-container-v2/helpers/withStepContainerV2ContextDecorator.tsx +16 -0
  466. package/src/step-container-v2/index.tsx +24 -0
  467. package/src/step-container-v2/types.ts +4 -0
  468. package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.tsx +122 -0
  469. package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.tsx +66 -0
  470. package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.tsx +51 -0
  471. package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.tsx +69 -0
  472. package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
  473. package/src/step-container-v2/wireframes/Loading/Loading.stories.tsx +27 -0
  474. package/src/step-container-v2/wireframes/Loading/Loading.tsx +52 -0
  475. package/src/step-container-v2/wireframes/Loading/style.scss +22 -0
  476. package/src/step-container-v2/wireframes/Loading/test/Loading.test.tsx +42 -0
  477. package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.tsx +21 -0
  478. package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.tsx +31 -0
  479. package/src/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
  480. package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.tsx +93 -0
  481. package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.tsx +93 -0
  482. package/src/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
  483. package/src/step-container-v2/wireframes/WideLayout/WideLayout.stories.tsx +83 -0
  484. package/src/step-container-v2/wireframes/WideLayout/WideLayout.tsx +44 -0
  485. package/src/step-navigation-link/index.tsx +3 -0
  486. package/src/step-navigation-link/style.scss +5 -3
  487. package/src/style-imports.d.ts +3 -0
  488. package/src/titles/styles.scss +2 -2
  489. package/src/upload-and-set-site-logo.ts +1 -1
  490. package/src/utils/contrastChecker.ts +0 -35
  491. package/src/utils/flows.ts +67 -123
  492. package/src/wpcom-request.ts +26 -0
  493. package/styles/mixins.scss +4 -4
  494. package/styles/variables.scss +2 -2
  495. package/tsconfig.json +1 -0
  496. package/dist/cjs/feature-icon/index.js +0 -19
  497. package/dist/cjs/feature-icon/index.js.map +0 -1
  498. package/dist/cjs/flow-progress/index.js +0 -14
  499. package/dist/cjs/flow-progress/index.js.map +0 -1
  500. package/dist/cjs/flow-progress/style.scss +0 -5
  501. package/dist/cjs/notice/index.js +0 -12
  502. package/dist/cjs/notice/index.js.map +0 -1
  503. package/dist/cjs/notice/style.scss +0 -19
  504. package/dist/cjs/select-card-radio/index.js +0 -21
  505. package/dist/cjs/select-card-radio/index.js.map +0 -1
  506. package/dist/cjs/select-card-radio/style.scss +0 -44
  507. package/dist/cjs/sensei-logo/index.js +0 -8
  508. package/dist/cjs/sensei-logo/index.js.map +0 -1
  509. package/dist/cjs/videopress-logo/index.js +0 -8
  510. package/dist/cjs/videopress-logo/index.js.map +0 -1
  511. package/dist/esm/feature-icon/index.js +0 -16
  512. package/dist/esm/feature-icon/index.js.map +0 -1
  513. package/dist/esm/flow-progress/index.js +0 -12
  514. package/dist/esm/flow-progress/index.js.map +0 -1
  515. package/dist/esm/flow-progress/style.scss +0 -5
  516. package/dist/esm/notice/index.js +0 -9
  517. package/dist/esm/notice/index.js.map +0 -1
  518. package/dist/esm/notice/style.scss +0 -19
  519. package/dist/esm/select-card-radio/index.js +0 -15
  520. package/dist/esm/select-card-radio/index.js.map +0 -1
  521. package/dist/esm/select-card-radio/style.scss +0 -44
  522. package/dist/esm/sensei-logo/index.js +0 -6
  523. package/dist/esm/sensei-logo/index.js.map +0 -1
  524. package/dist/esm/videopress-logo/index.js +0 -6
  525. package/dist/esm/videopress-logo/index.js.map +0 -1
  526. package/dist/types/feature-icon/index.d.ts +0 -9
  527. package/dist/types/feature-icon/index.d.ts.map +0 -1
  528. package/dist/types/flow-progress/index.d.ts +0 -9
  529. package/dist/types/flow-progress/index.d.ts.map +0 -1
  530. package/dist/types/notice/index.d.ts +0 -7
  531. package/dist/types/notice/index.d.ts.map +0 -1
  532. package/dist/types/select-card-radio/index.d.ts +0 -22
  533. package/dist/types/select-card-radio/index.d.ts.map +0 -1
  534. package/dist/types/sensei-logo/index.d.ts +0 -8
  535. package/dist/types/sensei-logo/index.d.ts.map +0 -1
  536. package/dist/types/videopress-logo/index.d.ts +0 -8
  537. package/dist/types/videopress-logo/index.d.ts.map +0 -1
  538. package/src/feature-icon/index.tsx +0 -102
  539. package/src/flow-progress/index.tsx +0 -22
  540. package/src/flow-progress/style.scss +0 -5
  541. package/src/notice/index.tsx +0 -16
  542. package/src/notice/style.scss +0 -19
  543. package/src/select-card-radio/index.tsx +0 -64
  544. package/src/select-card-radio/style.scss +0 -44
  545. package/src/select-card-radio/test/index.tsx +0 -50
  546. package/src/sensei-logo/index.tsx +0 -30
  547. package/src/videopress-logo/index.tsx +0 -36
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,6BAA6B,IAAI,eAAe,EAChD,oBAAoB,IAAI,MAAM,EAC9B,kBAAkB,IAAI,IAAI,EAC1B,QAAQ,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAetB,MAAM,UAAU,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,MAAC,MAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAEzD,OAAO,CACN,KAAC,IAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAI,CAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,KAAC,IAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,KAAC,eAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,6BAA6B,IAAI,eAAe,EAChD,oBAAoB,IAAI,MAAM,EAC9B,kBAAkB,IAAI,IAAI,EAC1B,QAAQ,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,CAAC;AAetB,MAAM,UAAU,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,MAAC,MAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAEzD,OAAO,CACN,KAAC,IAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAI,CAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,KAAC,IAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,KAAC,eAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,oBAAoB,IAAI,MAAM,EAC9B,iCAAiC,IAAI,mBAAmB,GACxD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAC;AAC7D,OAAO,cAAc,CAAC;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACN,eAAK,SAAS,EAAC,kBAAkB,aAChC,MAAC,MAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,KAAC,mBAAmB,IACnB,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,uBAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,oBAAoB,IAAI,MAAM,EAC9B,iCAAiC,IAAI,mBAAmB,GACxD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAC;AAE7D,OAAO,cAAc,CAAC;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACN,eAAK,SAAS,EAAC,kBAAkB,aAChC,MAAC,MAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,KAAC,mBAAmB,IACnB,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,uBAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -5,7 +5,7 @@ import { useTranslate } from 'i18n-calypso';
5
5
  import NavigatorHeader from '../../navigator-header';
6
6
  const useNavigatorScreens = (screens) => {
7
7
  const translate = useTranslate();
8
- return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => (_jsx(NavigatorScreen, { path: path, style: { animationDuration: '0s' }, children: _jsxs(_Fragment, { children: [_jsx(NavigatorHeader, { title: _jsx(_Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, _jsxs("div", { className: "navigator-screen__footer", children: [_jsxs(NavigatorBackButton, { className: "navigator-screen__footer-back-button", as: Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [_jsx(Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), _jsx(NavigatorBackButton, { as: Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
8
+ return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => (_jsx(NavigatorScreen, { path: path, style: { animationDuration: '0s', transitionDuration: '0s' }, children: _jsxs(_Fragment, { children: [_jsx(NavigatorHeader, { title: _jsx(_Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, _jsxs("div", { className: "navigator-screen__footer", children: [_jsxs(NavigatorBackButton, { className: "navigator-screen__footer-back-button", as: Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [_jsx(Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), _jsx(NavigatorBackButton, { as: Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
9
9
  };
10
10
  export default useNavigatorScreens;
11
11
  //# sourceMappingURL=use-navigator-screens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,iCAAiC,IAAI,mBAAmB,EACxD,6BAA6B,IAAI,eAAe,GAChD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,KAAC,eAAe,IAAc,IAAI,EAAG,IAAI,EAAG,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAC9E,8BACC,KAAC,eAAe,IACf,KAAK,EAAG,4BAAI,KAAK,IAAI,KAAK,GAAK,EAC/B,WAAW,EAAG,WAAW,EACzB,QAAQ,EAAG,QAAQ,EACnB,MAAM,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,GAC9B,EACA,OAAO,EACT,eAAK,SAAS,EAAC,0BAA0B,aACxC,MAAC,mBAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,aAEhC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,KAAC,mBAAmB,IAAC,EAAE,EAAG,MAAM,EAAG,OAAO,QAAC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAE,IAAI,CAAE,YAC1E,UAAU,GACS,IACjB,IACJ,IAzBmB,IAAI,CA0BT,CAClB,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,iCAAiC,IAAI,mBAAmB,EACxD,6BAA6B,IAAI,eAAe,GAChD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,KAAC,eAAe,IAEf,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAE7D,8BACC,KAAC,eAAe,IACf,KAAK,EAAG,4BAAI,KAAK,IAAI,KAAK,GAAK,EAC/B,WAAW,EAAG,WAAW,EACzB,QAAQ,EAAG,QAAQ,EACnB,MAAM,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,GAC9B,EACA,OAAO,EACT,eAAK,SAAS,EAAC,0BAA0B,aACxC,MAAC,mBAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,aAEhC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,KAAC,mBAAmB,IAAC,EAAE,EAAG,MAAM,EAAG,OAAO,QAAC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAE,IAAI,CAAE,YAC1E,UAAU,GACS,IACjB,IACJ,IA5BG,IAAI,CA6BO,CAClB,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -1,15 +1,20 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, } from '@wordpress/components';
2
+ import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, useNavigator, } from '@wordpress/components';
3
3
  import NavigatorListener from '../navigator-listener';
4
4
  import { useNavigatorScreens } from './hooks';
5
5
  import './navigator-screens.scss';
6
- const NavigatorScreens = ({ children, screens, initialPath = '/', onNavigatorPathChange, }) => {
6
+ const NavigatorRefSetter = ({ navigatorRef, }) => {
7
+ const navigator = useNavigator();
8
+ navigatorRef.current = navigator;
9
+ return null;
10
+ };
11
+ const NavigatorScreens = ({ children, screens, initialPath = '/', navigatorRef, onNavigatorPathChange, }) => {
7
12
  const navigatorScreens = useNavigatorScreens(screens);
8
13
  // We don't need navigator if there is only one screen
9
14
  if (screens.length === 1) {
10
15
  return children;
11
16
  }
12
- return (_jsxs(NavigatorProvider, { initialPath: initialPath, children: [_jsx(NavigatorScreen, { path: initialPath, children: children }), navigatorScreens, onNavigatorPathChange && (_jsx(NavigatorListener, { onNavigatorPathChange: onNavigatorPathChange }))] }));
17
+ return (_jsxs(NavigatorProvider, { initialPath: initialPath, children: [_jsx(NavigatorScreen, { path: initialPath, children: children }), navigatorScreens, _jsx(NavigatorRefSetter, { navigatorRef: navigatorRef }), onNavigatorPathChange && (_jsx(NavigatorListener, { onNavigatorPathChange: onNavigatorPathChange }))] }));
13
18
  };
14
19
  export default NavigatorScreens;
15
20
  //# sourceMappingURL=navigator-screens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,+BAA+B,IAAI,iBAAiB,EACpD,6BAA6B,IAAI,eAAe,GAChD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AASlC,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,qBAAqB,GACd,EAAG,EAAE;IACZ,MAAM,gBAAgB,GAAG,mBAAmB,CAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,MAAC,iBAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,KAAC,eAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAChB,qBAAqB,IAAI,CAC1B,KAAC,iBAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,+BAA+B,IAAI,iBAAiB,EACpD,6BAA6B,IAAI,eAAe,EAChD,YAAY,GACZ,MAAM,uBAAuB,CAAC;AAG/B,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAElC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,YAAY,GAGZ,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,YAAY,EACZ,qBAAqB,GACd,EAAG,EAAE;IACZ,MAAM,gBAAgB,GAAG,mBAAmB,CAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,MAAC,iBAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,KAAC,eAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAClB,KAAC,kBAAkB,IAAC,YAAY,EAAG,YAAY,GAAK,EAClD,qBAAqB,IAAI,CAC1B,KAAC,iBAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -3,12 +3,13 @@ import { CheckboxControl } from '@wordpress/components';
3
3
  import { useInstanceId } from '@wordpress/compose';
4
4
  import clsx from 'clsx';
5
5
  import './style.scss';
6
+ /**
7
+ * @deprecated Use SelectCardCheckboxV2 instead because it triggers onChange event twice and has accessibility issues
8
+ */
6
9
  const SelectCardCheckbox = ({ children, className, onChange, checked, }) => {
7
10
  const instanceId = useInstanceId(CheckboxControl);
8
11
  const id = `select-card-checkbox-${instanceId}`;
9
- return (_jsxs("div", { className: clsx('select-card-checkbox__container', className, {
10
- 'is-checked': checked,
11
- }), onClick: () => onChange(!checked), role: "presentation", children: [_jsx(CheckboxControl, { checked: checked, id: id, onChange: onChange }), _jsx("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
12
+ return (_jsxs("div", { className: clsx('select-card-checkbox__container', className), onClick: () => onChange(!checked), role: "presentation", children: [_jsx(CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange }), _jsx("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
12
13
  };
13
14
  export default SelectCardCheckbox;
14
15
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAStB,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,aAAa,CAAE,eAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,eACC,SAAS,EAAG,IAAI,CAAE,iCAAiC,EAAE,SAAS,EAAE;YAC/D,YAAY,EAAE,OAAO;SACrB,CAAE,EACH,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,CAAE,OAAO,CAAE,EACrC,IAAI,EAAC,cAAc,aAEnB,KAAC,eAAe,IAAC,OAAO,EAAG,OAAO,EAAG,EAAE,EAAG,EAAE,EAAG,QAAQ,EAAG,QAAQ,GAAK,EACvE,gBAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAStB;;GAEG;AACH,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,aAAa,CAAE,eAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,eACC,SAAS,EAAG,IAAI,CAAE,iCAAiC,EAAE,SAAS,CAAE,EAChE,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,CAAE,OAAO,CAAE,EACrC,IAAI,EAAC,cAAc,aAEnB,KAAC,eAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,GAClB,EACF,gBAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1,12 +1,17 @@
1
1
  .select-card-checkbox__container {
2
- border: 1px solid #dcdcde;
2
+ border: 1px solid var(--color-surface-backdrop);
3
+ background: var(--color-surface-backdrop);
3
4
  border-radius: 4px;
4
- padding: 17px 25px;
5
+ padding: 16px;
5
6
  font-size: 0.875rem;
6
7
  cursor: pointer;
7
8
  display: flex;
8
9
  align-items: center;
9
10
 
11
+ .components-checkbox-control {
12
+ --checkbox-input-margin: 16px;
13
+ }
14
+
10
15
  .select-card-checkbox__label {
11
16
  pointer-events: none;
12
17
  user-select: none;
@@ -14,17 +19,9 @@
14
19
  align-items: center;
15
20
  }
16
21
 
17
- &.is-checked {
18
- border: 2px solid #0675c4;
19
- background: #f9fbfd;
20
- padding: 16px 24px;
21
- }
22
-
23
- .components-base-control__field {
24
- margin-bottom: 0;
25
- }
26
-
27
- .components-checkbox-control__input[type="checkbox"] {
28
- border-color: #a7aaad;
22
+ &:hover,
23
+ &:has(:checked) {
24
+ background: var(--color-accent-5);
25
+ border-color: var(--color-accent);
29
26
  }
30
27
  }
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { CheckboxControl, __experimentalHStack as HStack, Spinner } from '@wordpress/components';
3
+ import clsx from 'clsx';
4
+ import { useId } from 'react';
5
+ import './style.scss';
6
+ const SelectCardCheckboxV2 = ({ children, className, onChange, disabled = false, checked = false, isBusy = false, }) => {
7
+ const instanceId = useId();
8
+ const id = `select-card-checkbox-v2-${instanceId}`;
9
+ return (_jsxs(HStack, { spacing: 2, as: "label", className: clsx('select-card-checkbox-v2', className, { 'is-busy': isBusy }), htmlFor: id, alignment: "left", "aria-checked": checked, "aria-labelledby": `select-card-checkbox-v2-label-${instanceId}`, children: [_jsxs(HStack, { alignment: "left", spacing: 2, as: "span", children: [_jsx(CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange, disabled: disabled || isBusy }), _jsx("span", { id: `select-card-checkbox-v2-label-${instanceId}`, children: children })] }), isBusy && _jsx(Spinner, {})] }));
10
+ };
11
+ export default SelectCardCheckboxV2;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox-v2/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,oBAAoB,IAAI,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,cAAc,CAAC;AAWtB,MAAM,oBAAoB,GAAG,CAAE,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,GACW,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,2BAA4B,UAAW,EAAE,CAAC;IAErD,OAAO,CACN,MAAC,MAAM,IACN,OAAO,EAAG,CAAC,EACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAG,IAAI,CAAE,yBAAyB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAE,EAC/E,OAAO,EAAG,EAAE,EACZ,SAAS,EAAC,MAAM,kBACD,OAAO,qBACJ,iCAAkC,UAAW,EAAE,aAEjE,MAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAG,CAAC,EAAG,EAAE,EAAC,MAAM,aAC/C,KAAC,eAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,EACnB,QAAQ,EAAG,QAAQ,IAAI,MAAM,GAC5B,EACF,eAAM,EAAE,EAAG,iCAAkC,UAAW,EAAE,YAAK,QAAQ,GAAS,IACxE,EACP,MAAM,IAAI,KAAC,OAAO,KAAG,IACf,CACT,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,25 @@
1
+ @import "@wordpress/base-styles/mixins";
2
+
3
+ .select-card-checkbox-v2 {
4
+ border: 1px solid var(--color-surface-backdrop);
5
+ background: var(--color-surface-backdrop);
6
+ border-radius: 4px;
7
+ padding: 16px;
8
+ font-size: 0.875rem;
9
+ cursor: pointer;
10
+
11
+ &.is-busy {
12
+ cursor: progress;
13
+ }
14
+
15
+ &:has(:checked) {
16
+ background: var(--color-accent-5);
17
+ border-color: var(--color-accent);
18
+ }
19
+
20
+ &:has(:focus-visible) {
21
+ @include button-style__focus();
22
+ }
23
+ }
24
+
25
+
@@ -1,10 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Badge, Button } from '@automattic/components';
2
+ import { Badge } from '@automattic/components';
3
+ import { Button } from '@wordpress/components';
3
4
  import { Icon } from '@wordpress/icons';
4
5
  import clsx from 'clsx';
5
6
  import './style.scss';
6
7
  function SelectItems({ className, items, onSelect, preventWidows }) {
7
- return (_jsx("div", { className: clsx('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, isPrimary, allItemClickable, }) => (_jsxs("div", { className: "select-items__item", children: [!titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), _jsxs("div", { className: "select-items__item-info-wrapper", children: [_jsxs("div", { className: "select-items__item-info", children: [_jsxs("h2", { className: "select-items__item-title", children: [titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), _jsx("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && (_jsx("span", { className: "select-items__item-title-badge", children: _jsx(Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), _jsx("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && (_jsx(Button, { primary: isPrimary, className: "select-items__item-button", onClick: () => onSelect(value), children: actionText }))] }), allItemClickable && (_jsx("button", { className: "select-items__item-clickable", onClick: () => onSelect(value) }))] }, key))) }));
8
+ return (_jsx("div", { className: clsx('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, allItemClickable, 'aria-label': ariaLabel, }) => (_jsxs("div", { className: "select-items__item", children: [!titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), _jsxs("div", { className: "select-items__item-info-wrapper", children: [_jsxs("div", { className: "select-items__item-info", "aria-hidden": "true", children: [_jsxs("h2", { className: "select-items__item-title", children: [titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), _jsx("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && (_jsx("span", { className: "select-items__item-title-badge", children: _jsx(Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), _jsx("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && (_jsx(Button, { label: `${title}. ${actionText}`, variant: "secondary", className: "select-items__item-button", onClick: () => onSelect(value), "aria-hidden": allItemClickable ? 'true' : 'false', tabIndex: allItemClickable ? -1 : 0, children: actionText }))] }), allItemClickable && (_jsx("button", { className: "select-items__item-clickable", onClick: () => onSelect(value), "aria-label": ariaLabel || `${title}. ${description}` }))] }, key))) }));
8
9
  }
9
10
  export default SelectItems;
10
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAwBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,cAAK,SAAS,EAAG,IAAI,CAAE,cAAc,EAAE,SAAS,CAAE,YAC/C,KAAK,CAAC,GAAG,CACV,CAAE,EACD,GAAG,EACH,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,EACT,gBAAgB,GAChB,EAAG,EAAE,CAAC,CACN,eAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,eAAK,SAAS,EAAC,iCAAiC,aAC/C,eAAK,SAAS,EAAC,yBAAyB,aACvC,cAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,eAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,eAAM,SAAS,EAAC,gCAAgC,YAC/C,KAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,cAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,KAAC,MAAM,IACN,OAAO,EAAG,SAAS,EACnB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,YAE/B,UAAU,GACJ,CACT,IACI,EACJ,gBAAgB,IAAI,CACrB,iBACC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,GAChC,CACF,KAtCS,GAAG,CAuCR,CACN,CACD,GACI,CACN,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAyBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,cAAK,SAAS,EAAG,IAAI,CAAE,cAAc,EAAE,SAAS,CAAE,YAC/C,KAAK,CAAC,GAAG,CACV,CAAE,EACD,GAAG,EACH,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EAAE,SAAS,GACvB,EAAG,EAAE,CAAC,CACN,eAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,eAAK,SAAS,EAAC,iCAAiC,aAC/C,eAAK,SAAS,EAAC,yBAAyB,iBAAa,MAAM,aAC1D,cAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,eAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,eAAM,SAAS,EAAC,gCAAgC,YAC/C,KAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,cAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,KAAC,MAAM,IACN,KAAK,EAAG,GAAI,KAAM,KAAM,UAAW,EAAE,EACrC,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,iBACnB,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACjD,QAAQ,EAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAElC,UAAU,GACJ,CACT,IACI,EACJ,gBAAgB,IAAI,CACrB,iBACC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,gBACpB,SAAS,IAAI,GAAI,KAAM,KAAM,WAAY,EAAE,GACvD,CACF,KA1CS,GAAG,CA2CR,CACN,CACD,GACI,CACN,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC"}
@@ -76,10 +76,11 @@
76
76
  }
77
77
  }
78
78
 
79
- button.select-items__item-button {
79
+ .select-items__item-button {
80
80
  margin-top: 24px;
81
81
  border-radius: 4px;
82
82
  min-width: 130px;
83
+ background-color: var(--color-surface);
83
84
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
84
85
  border: 1px solid rgb(195, 196, 199);
85
86
  color: #101517;
@@ -1,11 +1,12 @@
1
1
  import { recordTracksEvent } from '@automattic/calypso-analytics';
2
- import { Onboard, Site, updateLaunchpadSettings, } from '@automattic/data-stores';
3
- import { select, dispatch } from '@wordpress/data';
4
- import wpcomRequest from 'wpcom-proxy-request';
5
- import { isLinkInBioFlow, isNewsletterFlow, isNewsletterOrLinkInBioFlow, LINK_IN_BIO_FLOW, FREE_FLOW, isFreeFlow, } from './utils';
2
+ import { Onboard, Site } from '@automattic/data-stores';
3
+ import { select } from '@wordpress/data';
4
+ import { isNewsletterFlow } from './utils';
5
+ import wpcomRequest from './wpcom-request';
6
6
  const ONBOARD_STORE = Onboard.register();
7
+ // TODO: This store registration should live somewhere else or just be called more centrally.
7
8
  // `client_id` and `client_secret` are only needed when signing up users.
8
- const SITE_STORE = Site.register({ client_id: '', client_secret: '' });
9
+ Site.register({ client_id: '', client_secret: '' });
9
10
  export const base64ImageToBlob = (base64String) => {
10
11
  // extract content type and base64 payload from original string
11
12
  const pos = base64String.indexOf(';base64,');
@@ -26,7 +27,6 @@ export const base64ImageToBlob = (base64String) => {
26
27
  export function setupSiteAfterCreation({ siteId, flowName }) {
27
28
  // const { resetOnboardStore } = dispatch( ONBOARD_STORE );
28
29
  const goals = select(ONBOARD_STORE).getGoals();
29
- const selectedDesign = select(ONBOARD_STORE).getSelectedDesign();
30
30
  const siteTitle = select(ONBOARD_STORE).getSelectedSiteTitle();
31
31
  const siteDescription = select(ONBOARD_STORE).getSelectedSiteDescription();
32
32
  const siteLogo = select(ONBOARD_STORE).getSelectedSiteLogo();
@@ -37,28 +37,8 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
37
37
  blogdescription: siteDescription,
38
38
  };
39
39
  const promises = [];
40
- if (isNewsletterOrLinkInBioFlow(flowName) || isFreeFlow(flowName)) {
41
- // link-in-bio and link-in-bio-tld are considered the same intent.
42
- if (isLinkInBioFlow(flowName) || isFreeFlow(flowName)) {
43
- settings.site_intent = isLinkInBioFlow(flowName) ? LINK_IN_BIO_FLOW : FREE_FLOW;
44
- if (selectedDesign && selectedDesign.is_virtual) {
45
- const { assembleSite } = dispatch(SITE_STORE);
46
- promises.push(wpcomRequest({
47
- path: `/sites/${encodeURIComponent(siteId)}/themes?status=active`,
48
- apiNamespace: 'wp/v2',
49
- }).then((activeThemes) => {
50
- assembleSite(String(siteId), activeThemes[0].stylesheet, {
51
- homeHtml: selectedDesign.recipe?.pattern_html,
52
- headerHtml: selectedDesign.recipe?.header_html,
53
- footerHtml: selectedDesign.recipe?.footer_html,
54
- siteSetupOption: 'assembler-virtual-theme',
55
- });
56
- }));
57
- }
58
- }
59
- else {
60
- settings.site_intent = flowName;
61
- }
40
+ if (isNewsletterFlow(flowName)) {
41
+ settings.site_intent = flowName;
62
42
  settings.launchpad_screen = 'full';
63
43
  }
64
44
  // Newsletter flow sets "paid-newsletter" goal as an indication to setup paid newsletter later on
@@ -74,9 +54,8 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
74
54
  }
75
55
  promises.push(wpcomRequest({
76
56
  path: `/sites/${siteId}/onboarding-customization`,
77
- method: 'POST',
78
57
  apiNamespace: 'wpcom/v2',
79
- apiVersion: '2',
58
+ method: 'POST',
80
59
  formData,
81
60
  }).then(() => {
82
61
  recordTracksEvent('calypso_signup_site_options_submit', {
@@ -90,13 +69,6 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
90
69
  */
91
70
  // resetOnboardStore();
92
71
  }));
93
- if (isFreeFlow(flowName)) {
94
- if (siteTitle || siteDescription || siteLogo) {
95
- promises.push(updateLaunchpadSettings(siteId, {
96
- checklist_statuses: { setup_free: true },
97
- }));
98
- }
99
- }
100
72
  return Promise.all(promises);
101
73
  }
102
74
  }
@@ -1 +1 @@
1
- {"version":3,"file":"setup-tailored-site-after-creation.js","sourceRoot":"","sources":["../../src/setup-tailored-site-after-creation.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"setup-tailored-site-after-creation.js","sourceRoot":"","sources":["../../src/setup-tailored-site-after-creation.ts"],"names":[],"mappings":"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"}
@@ -1,13 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { WordPressLogo, JetpackLogo, WooCommerceWooLogo } from '@automattic/components';
2
+ import { JetpackLogo, WooCommerceWooLogo } from '@automattic/components';
3
3
  import clsx from 'clsx';
4
4
  import { useTranslate } from 'i18n-calypso';
5
5
  import ActionButtons from '../action-buttons';
6
- import SenseiLogo from '../sensei-logo';
7
6
  import StepNavigationLink from '../step-navigation-link';
8
- import VideoPressLogo from '../videopress-logo';
9
7
  import './style.scss';
10
- const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, shouldStickyNavButtons, hasStickyNavButtonsPadding, hideBack, backLabelText, hideSkip, skipLabelText, skipButtonAlign = 'top', skipHeadingText, hideNext = true, nextLabelText, formattedHeader, headerImageUrl, headerButton, hideFormattedHeader, className, isHorizontalLayout, isFullLayout, isWideLayout, isExtraWideLayout, isExternalBackUrl, isLargeSkipLayout, customizedActionButtons, goBack, goNext, flowName, intent, stepSectionName, recordTracksEvent, showHeaderJetpackPowered, showHeaderWooCommercePowered, showJetpackPowered, showSenseiPowered, showVideoPressPowered, showFooterWooCommercePowered, }) => {
8
+ const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, hasStickyNavButtonsPadding, hideBack, backLabelText, hideSkip, skipLabelText, skipButtonAlign = 'top', skipHeadingText, hideNext = true, nextLabelText, notice, formattedHeader, headerImageUrl, headerButton, hideFormattedHeader, className, isHorizontalLayout, isFullLayout, isWideLayout, isExtraWideLayout, isExternalBackUrl, isLargeSkipLayout, customizedActionButtons, backUrl, goBack, onSkip, goNext, flowName, intent, stepSectionName, recordTracksEvent, showHeaderJetpackPowered, showJetpackPowered, showFooterWooCommercePowered, }) => {
11
9
  const translate = useTranslate();
12
10
  const recordClick = (direction, stepSectionName) => {
13
11
  const tracksProps = {
@@ -23,22 +21,23 @@ const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, shouldStic
23
21
  recordTracksEvent('calypso_signup_skip_step', tracksProps);
24
22
  }
25
23
  };
26
- function BackButton() {
24
+ function renderBackButton() {
27
25
  // Hide back button if goBack is falsy, it won't do anything in that case.
28
- if (shouldHideNavButtons || !goBack) {
26
+ if (shouldHideNavButtons || (!goBack && !backUrl)) {
29
27
  return null;
30
28
  }
31
- return (_jsx(StepNavigationLink, { direction: "back", handleClick: goBack, label: backLabelText, hasBackIcon: true, rel: isExternalBackUrl ? 'external' : '', recordClick: () => recordClick('back', stepSectionName) }));
29
+ return (_jsx(StepNavigationLink, { direction: "back", handleClick: goBack, backUrl: backUrl, label: backLabelText, hasBackIcon: true, rel: isExternalBackUrl ? 'external' : '', recordClick: () => recordClick('back', stepSectionName) }));
32
30
  }
33
- function SkipButton() {
34
- if (shouldHideNavButtons || !goNext) {
31
+ function renderSkipButton() {
32
+ const skipAction = onSkip ?? goNext;
33
+ if (shouldHideNavButtons || !skipAction) {
35
34
  return null;
36
35
  }
37
- return (_jsxs("div", { className: "step-container__skip-wrapper", children: [skipHeadingText && (_jsx("div", { className: "step-container__skip-heading", children: skipHeadingText })), _jsx(StepNavigationLink, { direction: "forward", handleClick: goNext, label: skipLabelText, cssClass: clsx('step-container__navigation-link', 'has-underline', {
36
+ return (_jsxs("div", { className: "step-container__skip-wrapper", children: [skipHeadingText && (_jsx("div", { className: "step-container__skip-heading", children: skipHeadingText })), _jsx(StepNavigationLink, { direction: "forward", handleClick: skipAction, label: skipLabelText, cssClass: clsx('step-container__navigation-link', 'has-underline', {
38
37
  'has-skip-heading': skipHeadingText,
39
38
  }), borderless: true, recordClick: () => recordClick('forward') })] }));
40
39
  }
41
- function NextButton() {
40
+ function renderNextButton() {
42
41
  if (shouldHideNavButtons || !goNext) {
43
42
  return null;
44
43
  }
@@ -54,9 +53,8 @@ const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, shouldStic
54
53
  });
55
54
  return (_jsxs("div", { className: classes, children: [_jsxs(ActionButtons, { className: clsx('step-container__navigation', {
56
55
  'should-hide-nav-buttons': shouldHideNavButtons,
57
- 'should-sticky-nav-buttons': shouldStickyNavButtons,
58
56
  'has-sticky-nav-buttons-padding': hasStickyNavButtonsPadding,
59
- }), children: [shouldStickyNavButtons && (_jsx(WordPressLogo, { className: "step-container__navigation-logo", size: 24 })), !hideBack && _jsx(BackButton, {}), !hideSkip && skipButtonAlign === 'top' && _jsx(SkipButton, {}), !hideNext && _jsx(NextButton, {}), customizedActionButtons] }), !hideFormattedHeader && (_jsxs("div", { className: "step-container__header", children: [formattedHeader, headerImageUrl && (_jsx("div", { className: "step-container__header-image", children: _jsx("img", { src: headerImageUrl, alt: "" }) })), headerButton && _jsx("div", { className: "step-container__header-button", children: headerButton }), showHeaderJetpackPowered && (_jsxs("div", { className: "step-container__header-jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] })), showHeaderWooCommercePowered && (_jsxs("div", { className: "step-container__header-woocommerce-powered", children: [_jsx(WooCommerceWooLogo, {}), " ", _jsx("span", { children: translate('WooCommerce powered') })] }))] })), _jsx("div", { className: "step-container__content", children: stepContent }), !hideSkip && skipButtonAlign === 'bottom' && (_jsxs("div", { className: "step-container__buttons", children: [isLargeSkipLayout && _jsx("hr", { className: "step-container__skip-hr" }), _jsx(SkipButton, {})] })), showJetpackPowered && (_jsxs("div", { className: "step-container__jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] })), showFooterWooCommercePowered && (_jsxs("div", { className: "step-container__woocommerce-powered", children: [_jsx(WooCommerceWooLogo, {}), " ", _jsx("span", { children: translate('WooCommerce powered') })] })), showSenseiPowered && (_jsxs("div", { className: "step-container__sensei-powered", children: [_jsx(SenseiLogo, {}), " ", _jsx("span", { children: translate('Powered by Sensei') })] })), showVideoPressPowered && (_jsxs("div", { className: "step-container__videopress-powered", children: [_jsx(VideoPressLogo, { size: 24 }), " ", _jsx("span", { children: translate('Powered by VideoPress') })] }))] }));
57
+ }), children: [!hideBack && renderBackButton(), !hideSkip && skipButtonAlign === 'top' && renderSkipButton(), !hideNext && renderNextButton(), customizedActionButtons] }), !hideFormattedHeader && (_jsxs("div", { className: "step-container__header", children: [notice, formattedHeader, headerImageUrl && (_jsx("div", { className: "step-container__header-image", children: _jsx("img", { src: headerImageUrl, alt: "" }) })), headerButton && _jsx("div", { className: "step-container__header-button", children: headerButton }), showHeaderJetpackPowered && (_jsxs("div", { className: "step-container__header-jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] }))] })), _jsx("div", { className: "step-container__content", children: stepContent }), !hideSkip && skipButtonAlign === 'bottom' && (_jsxs("div", { className: "step-container__buttons", children: [isLargeSkipLayout && _jsx("hr", { className: "step-container__skip-hr" }), renderSkipButton()] })), showJetpackPowered && (_jsxs("div", { className: "step-container__jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] })), showFooterWooCommercePowered && (_jsxs("div", { className: "step-container__woocommerce-powered", children: [_jsx(WooCommerceWooLogo, {}), " ", _jsx("span", { children: translate('WooCommerce powered') })] }))] }));
60
58
  };
61
59
  export default StepContainer;
62
60
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/step-container/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/step-container/index.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  @import "@wordpress/base-styles/breakpoints";
2
2
  @import "@wordpress/base-styles/mixins";
3
- @import "../../styles/mixins.scss";
3
+ @import "../../styles/mixins";
4
4
 
5
5
  /**
6
6
  * General
@@ -41,6 +41,12 @@
41
41
  padding-inline-end: 20px;
42
42
  }
43
43
  }
44
+
45
+ @include break-xlarge {
46
+ .step-container__header .formatted-header {
47
+ margin-top: 0;
48
+ }
49
+ }
44
50
  }
45
51
 
46
52
  .step-container__buttons {
@@ -71,44 +77,34 @@
71
77
  * Header
72
78
  */
73
79
  .step-container__header {
74
- margin-bottom: 32px;
75
- margin-top: 0;
80
+ margin-top: 32px;
81
+ margin-bottom: 48px;
76
82
  display: block;
77
83
  justify-content: space-between;
78
84
  align-items: center;
79
85
 
80
86
  .formatted-header {
81
87
  margin: 0;
82
- flex-grow: 1;
88
+
89
+ @include break-xlarge {
90
+ margin-top: 88px; // 56px + 32px
91
+ }
83
92
 
84
93
  .formatted-header__title {
85
- @include onboarding-font-recoleta;
86
- color: var(--studio-gray-100);
87
- letter-spacing: 0.2px;
88
- font-size: 2.15rem; /* stylelint-disable-line scales/font-sizes */
89
- font-weight: 400;
90
- padding: 0;
91
94
  margin: 0;
92
95
 
96
+ @include onboarding-font-recoleta;
97
+ color: var(--color-neutral-100);
98
+ font-size: 2rem;
99
+
93
100
  @include break-xlarge {
94
101
  font-size: 2.75rem;
95
102
  }
96
103
  }
97
104
 
98
105
  .formatted-header__subtitle {
99
- padding: 0;
100
- text-align: start;
101
- color: var(--studio-gray-60);
102
- font-size: 1rem;
103
- margin-top: 16px;
104
- line-height: 24px;
105
-
106
- &.is-center-align {
107
- text-align: center;
108
- }
109
-
110
- @include break-small {
111
- margin-top: 8px;
106
+ @include break-xlarge {
107
+ font-size: 1rem;
112
108
  }
113
109
  }
114
110
  }
@@ -133,11 +129,6 @@
133
129
  }
134
130
  }
135
131
  }
136
-
137
- @include break-small {
138
- flex-wrap: wrap;
139
- margin-top: 24px;
140
- }
141
132
  }
142
133
 
143
134
  /**
@@ -150,21 +141,28 @@
150
141
  }
151
142
  }
152
143
  .step-container__navigation.action-buttons {
153
- background-color: $white;
154
144
  height: 60px;
155
145
  align-items: center;
156
146
  justify-content: space-between;
157
147
  display: flex;
158
148
  font-size: 0.875rem;
159
- position: fixed;
160
- z-index: 30;
161
- inset-inline-start: 0;
162
- inset-inline-end: 0;
163
149
  bottom: 0;
164
- padding: 0 20px;
165
150
  margin: 0;
166
151
  border-top: none;
167
- box-shadow: inset 0 1px 0 #e2e4e7;
152
+
153
+ position: absolute;
154
+ top: 8px;
155
+ inset-inline-start: 72px;
156
+ inset-inline-end: 24px;
157
+ // Align with wordpress logo in signup-header
158
+ padding: 1px 0 0;
159
+ background-color: transparent;
160
+ border: none;
161
+ box-shadow: none;
162
+
163
+ &.has-sticky-nav-buttons-padding {
164
+ padding-bottom: 48px;
165
+ }
168
166
 
169
167
  &:empty {
170
168
  display: none;
@@ -215,31 +213,6 @@
215
213
  display: block;
216
214
  }
217
215
  }
218
-
219
- @include break-small {
220
- position: absolute;
221
- top: 8px;
222
- inset-inline-start: 72px;
223
- inset-inline-end: 24px;
224
- // Align with wordpress logo in signup-header
225
- padding: 1px 0 0;
226
- background-color: transparent;
227
- border: none;
228
- box-shadow: none;
229
-
230
- &.should-sticky-nav-buttons {
231
- position: fixed;
232
- inset-inline-start: 0;
233
- inset-inline-end: 0;
234
- padding-inline-start: 24px;
235
- padding-inline-end: 24px;
236
- background-color: $white;
237
- }
238
-
239
- &.has-sticky-nav-buttons-padding {
240
- padding-bottom: 48px;
241
- }
242
- }
243
216
  }
244
217
 
245
218
  /**
@@ -248,22 +221,15 @@
248
221
  .step-container__content {
249
222
  margin-top: 0;
250
223
  display: block;
251
- min-height: 65vh;
252
-
253
- @supports ( min-height: 65svh ) {
254
- min-height: calc(65svh - 50px);
255
- }
256
224
  }
257
225
 
258
226
  /**
259
- * Jetpack, Sensei and VideoPress Powered
227
+ * Jetpack and WooCommerce Powered
260
228
  */
261
229
  .step-container__jetpack-powered,
262
230
  .step-container__header-jetpack-powered,
263
231
  .step-container__woocommerce-powered,
264
- .step-container__header-woocommerce-powered,
265
- .step-container__sensei-powered,
266
- .step-container__videopress-powered {
232
+ .step-container__header-woocommerce-powered {
267
233
  display: flex;
268
234
  justify-content: center;
269
235
  align-items: center;
@@ -293,12 +259,4 @@
293
259
  visibility: visible;
294
260
  }
295
261
  }
296
-
297
- .step-container__sensei-powered {
298
- padding-bottom: 24px;
299
-
300
- svg {
301
- margin-inline-end: 8px;
302
- }
303
- }
304
262
  }
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import clsx from 'clsx';
3
+ import './style.scss';
4
+ export const ContentRow = ({ children, columns = 12, className, stretched, }) => {
5
+ return (_jsx("div", { className: clsx('step-container-v2__content-row', className, {
6
+ stretched,
7
+ }), style: { '--columns': columns }, children: children }));
8
+ };
9
+ //# sourceMappingURL=ContentRow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentRow.js","sourceRoot":"","sources":["../../../../../src/step-container-v2/components/ContentRow/ContentRow.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAE,EAC3B,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,GAMT,EAAG,EAAE;IACL,OAAO,CACN,cACC,SAAS,EAAG,IAAI,CAAE,gCAAgC,EAAE,SAAS,EAAE;YAC9D,SAAS;SACT,CAAE,EACH,KAAK,EAAG,EAAE,WAAW,EAAE,OAAO,EAAmB,YAE/C,QAAQ,GACL,CACN,CAAC;AACH,CAAC,CAAC"}