@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
package/dist/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SelectCardCheckbox = exports.Notice = exports.MShotsImage = exports.StepNavigationLink = exports.StepContainer = exports.SelectItemsAlt = exports.SelectItems = exports.IntentScreen = exports.Confetti = exports.Hooray = exports.Progress = exports.FeatureIcon = exports.uploadAndSetSiteLogo = exports.base64ImageToBlob = exports.setupSiteAfterCreation = exports.setThemeOnSite = exports.replaceProductsInCart = exports.addProductsToCart = exports.addPlanToCart = exports.createSiteWithCart = exports.ArrowButton = exports.SkipButton = exports.NextButton = exports.BackButton = exports.ActionButtons = exports.useFlowProgress = exports.SubTitle = exports.Title = void 0;
3
+ exports.setRequester = exports.SelectCardCheckboxV2 = exports.SelectCardCheckbox = exports.clearStepPersistedState = exports.useStepPersistedState = exports.MShotsImage = exports.StepNavigationLink = exports.Step = exports.StepContainer = exports.SelectItemsAlt = exports.SelectItems = exports.IntentScreen = exports.Confetti = exports.Hooray = exports.Progress = exports.uploadAndSetSiteLogo = exports.base64ImageToBlob = exports.setupSiteAfterCreation = exports.setThemeOnSite = exports.replaceProductsInCart = exports.addProductsToCart = exports.getNewSiteParams = exports.createSite = exports.NextButton = exports.BackButton = exports.ActionButtons = exports.useFlowProgress = exports.SubTitle = exports.Title = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  var titles_1 = require("./titles");
6
6
  Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return titles_1.Title; } });
@@ -11,11 +11,9 @@ var action_buttons_1 = require("./action-buttons");
11
11
  Object.defineProperty(exports, "ActionButtons", { enumerable: true, get: function () { return tslib_1.__importDefault(action_buttons_1).default; } });
12
12
  Object.defineProperty(exports, "BackButton", { enumerable: true, get: function () { return action_buttons_1.BackButton; } });
13
13
  Object.defineProperty(exports, "NextButton", { enumerable: true, get: function () { return action_buttons_1.NextButton; } });
14
- Object.defineProperty(exports, "SkipButton", { enumerable: true, get: function () { return action_buttons_1.SkipButton; } });
15
- Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return action_buttons_1.ArrowButton; } });
16
14
  var cart_1 = require("./cart");
17
- Object.defineProperty(exports, "createSiteWithCart", { enumerable: true, get: function () { return cart_1.createSiteWithCart; } });
18
- Object.defineProperty(exports, "addPlanToCart", { enumerable: true, get: function () { return cart_1.addPlanToCart; } });
15
+ Object.defineProperty(exports, "createSite", { enumerable: true, get: function () { return cart_1.createSite; } });
16
+ Object.defineProperty(exports, "getNewSiteParams", { enumerable: true, get: function () { return cart_1.getNewSiteParams; } });
19
17
  Object.defineProperty(exports, "addProductsToCart", { enumerable: true, get: function () { return cart_1.addProductsToCart; } });
20
18
  Object.defineProperty(exports, "replaceProductsInCart", { enumerable: true, get: function () { return cart_1.replaceProductsInCart; } });
21
19
  Object.defineProperty(exports, "setThemeOnSite", { enumerable: true, get: function () { return cart_1.setThemeOnSite; } });
@@ -24,8 +22,6 @@ Object.defineProperty(exports, "setupSiteAfterCreation", { enumerable: true, get
24
22
  Object.defineProperty(exports, "base64ImageToBlob", { enumerable: true, get: function () { return setup_tailored_site_after_creation_1.base64ImageToBlob; } });
25
23
  var upload_and_set_site_logo_1 = require("./upload-and-set-site-logo");
26
24
  Object.defineProperty(exports, "uploadAndSetSiteLogo", { enumerable: true, get: function () { return upload_and_set_site_logo_1.uploadAndSetSiteLogo; } });
27
- var feature_icon_1 = require("./feature-icon");
28
- Object.defineProperty(exports, "FeatureIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(feature_icon_1).default; } });
29
25
  var progress_1 = require("./progress");
30
26
  Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return tslib_1.__importDefault(progress_1).default; } });
31
27
  var hooray_1 = require("./hooray");
@@ -40,15 +36,20 @@ var select_items_alt_1 = require("./select-items-alt");
40
36
  Object.defineProperty(exports, "SelectItemsAlt", { enumerable: true, get: function () { return tslib_1.__importDefault(select_items_alt_1).default; } });
41
37
  var step_container_1 = require("./step-container");
42
38
  Object.defineProperty(exports, "StepContainer", { enumerable: true, get: function () { return tslib_1.__importDefault(step_container_1).default; } });
39
+ exports.Step = tslib_1.__importStar(require("./step-container-v2"));
43
40
  var step_navigation_link_1 = require("./step-navigation-link");
44
41
  Object.defineProperty(exports, "StepNavigationLink", { enumerable: true, get: function () { return tslib_1.__importDefault(step_navigation_link_1).default; } });
45
42
  var mshots_image_1 = require("./mshots-image");
46
43
  Object.defineProperty(exports, "MShotsImage", { enumerable: true, get: function () { return tslib_1.__importDefault(mshots_image_1).default; } });
44
+ var use_persisted_state_1 = require("./hooks/use-persisted-state");
45
+ Object.defineProperty(exports, "useStepPersistedState", { enumerable: true, get: function () { return use_persisted_state_1.useStepPersistedState; } });
46
+ Object.defineProperty(exports, "clearStepPersistedState", { enumerable: true, get: function () { return use_persisted_state_1.clearStepPersistedState; } });
47
47
  tslib_1.__exportStar(require("./navigator"), exports);
48
- var notice_1 = require("./notice");
49
- Object.defineProperty(exports, "Notice", { enumerable: true, get: function () { return tslib_1.__importDefault(notice_1).default; } });
50
48
  var select_card_checkbox_1 = require("./select-card-checkbox");
51
49
  Object.defineProperty(exports, "SelectCardCheckbox", { enumerable: true, get: function () { return tslib_1.__importDefault(select_card_checkbox_1).default; } });
50
+ var select_card_checkbox_v2_1 = require("./select-card-checkbox-v2");
51
+ Object.defineProperty(exports, "SelectCardCheckboxV2", { enumerable: true, get: function () { return tslib_1.__importDefault(select_card_checkbox_v2_1).default; } });
52
52
  tslib_1.__exportStar(require("./utils"), exports);
53
- tslib_1.__exportStar(require("./select-card-radio"), exports);
53
+ var wpcom_request_1 = require("./wpcom-request");
54
+ Object.defineProperty(exports, "setRequester", { enumerable: true, get: function () { return wpcom_request_1.setRequester; } });
54
55
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,mCAA2C;AAAlC,+FAAA,KAAK,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACxB,uEAAoE;AAA3D,oHAAA,eAAe,OAAA;AACxB,mDAM0B;AALzB,wIAAA,OAAO,OAAiB;AACxB,4GAAA,UAAU,OAAA;AACV,4GAAA,UAAU,OAAA;AACV,4GAAA,UAAU,OAAA;AACV,6GAAA,WAAW,OAAA;AAEZ,+BAMgB;AALf,0GAAA,kBAAkB,OAAA;AAClB,qGAAA,aAAa,OAAA;AACb,yGAAA,iBAAiB,OAAA;AACjB,6GAAA,qBAAqB,OAAA;AACrB,sGAAA,cAAc,OAAA;AAEf,2FAAiG;AAAxF,4IAAA,sBAAsB,OAAA;AAAE,uIAAA,iBAAiB,OAAA;AAClD,uEAAkE;AAAzD,gIAAA,oBAAoB,OAAA;AAC7B,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,mCAA6C;AAApC,yHAAA,OAAO,OAAU;AAC1B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,iDAA0D;AAAjD,sIAAA,OAAO,OAAgB;AAChC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,uDAA+D;AAAtD,2IAAA,OAAO,OAAkB;AAClC,mDAA4D;AAAnD,wIAAA,OAAO,OAAiB;AACjC,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,sDAA4B;AAC5B,mCAA6C;AAApC,yHAAA,OAAO,OAAU;AAC1B,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,kDAAwB;AACxB,8DAAoC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,mCAA2C;AAAlC,+FAAA,KAAK,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACxB,uEAAoE;AAA3D,oHAAA,eAAe,OAAA;AACxB,mDAAoF;AAA3E,wIAAA,OAAO,OAAiB;AAAE,4GAAA,UAAU,OAAA;AAAE,4GAAA,UAAU,OAAA;AACzD,+BAMgB;AALf,kGAAA,UAAU,OAAA;AACV,wGAAA,gBAAgB,OAAA;AAChB,yGAAA,iBAAiB,OAAA;AACjB,6GAAA,qBAAqB,OAAA;AACrB,sGAAA,cAAc,OAAA;AAEf,2FAAiG;AAAxF,4IAAA,sBAAsB,OAAA;AAAE,uIAAA,iBAAiB,OAAA;AAClD,uEAAkE;AAAzD,gIAAA,oBAAoB,OAAA;AAC7B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,mCAA6C;AAApC,yHAAA,OAAO,OAAU;AAC1B,uCAAiD;AAAxC,6HAAA,OAAO,OAAY;AAC5B,iDAA0D;AAAjD,sIAAA,OAAO,OAAgB;AAChC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,uDAA+D;AAAtD,2IAAA,OAAO,OAAkB;AAClC,mDAA4D;AAAnD,wIAAA,OAAO,OAAiB;AACjC,oEAA4C;AAC5C,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,+CAAwD;AAA/C,oIAAA,OAAO,OAAe;AAC/B,mEAA6F;AAApF,4HAAA,qBAAqB,OAAA;AAAE,8HAAA,uBAAuB,OAAA;AACvD,sDAA4B;AAC5B,+DAAuE;AAA9D,mJAAA,OAAO,OAAsB;AACtC,qEAA4E;AAAnE,wJAAA,OAAO,OAAwB;AACxC,kDAAwB;AAIxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.mshotsUrl = void 0;
3
+ exports.mshotsUrl = mshotsUrl;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const url_1 = require("@wordpress/url");
@@ -17,7 +17,6 @@ function mshotsUrl(targetUrl, options, count = 0) {
17
17
  });
18
18
  return mshotsRequest;
19
19
  }
20
- exports.mshotsUrl = mshotsUrl;
21
20
  const MAXTRIES = 10;
22
21
  // This custom react hook returns null while the image is loading and the page
23
22
  // (not image) URL once loading is complete.
@@ -104,7 +103,7 @@ const useMshotsImg = (src, options, imgRef) => {
104
103
  return loadedImg;
105
104
  };
106
105
  // Temporary for A/B test.
107
- const useMshotsImgTreatment = (src, options) => {
106
+ const useMshotsImgTreatment = (src, options, shouldShowImage) => {
108
107
  const [loadedImg, setLoadedImg] = (0, react_1.useState)();
109
108
  const [count, setCount] = (0, react_1.useState)(0);
110
109
  const previousSrc = (0, react_1.useRef)(src);
@@ -119,6 +118,9 @@ const useMshotsImgTreatment = (src, options) => {
119
118
  // to browser caching. Getting this wrong looks like the url resolving
120
119
  // before the image is ready.
121
120
  (0, react_1.useEffect)(() => {
121
+ if (!shouldShowImage) {
122
+ return;
123
+ }
122
124
  // If there's been a "props" change we need to reset everything:
123
125
  if (options !== previousOptions.current ||
124
126
  (src !== previousSrc.current && imgRef.current)) {
@@ -172,10 +174,10 @@ const useMshotsImgTreatment = (src, options) => {
172
174
  }
173
175
  clearTimeout(timeoutIdRef.current);
174
176
  };
175
- }, [src, count, options]);
177
+ }, [src, count, options, shouldShowImage]);
176
178
  return loadedImg;
177
179
  };
178
- const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
180
+ const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
179
181
  const imgRef = (0, react_1.useRef)(null);
180
182
  const currentlyLoadedUrl = useMshotsImg(url, options, imgRef);
181
183
  const src = imgRef.current?.src || '';
@@ -191,17 +193,34 @@ const MShotsImageControl = ({ url, 'aria-labelledby': labelledby, alt, options,
191
193
  ...(scrollable ? scrollableStyles : {}),
192
194
  };
193
195
  const className = (0, clsx_1.default)('mshots-image__container', scrollable && 'hover-scroll', visible ? 'mshots-image-visible' : 'mshots-image__loader');
194
- if (options?.oldHighResImageLoading) {
195
- return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby, alt: alt }));
196
- } // else, prettier doesn't like having an else after a return
197
- return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, loading: "lazy", className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { loading: "lazy", ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby, alt: alt }));
196
+ return scrollable ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby, children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, loading: loading, className: "mshots-dummy-image", "aria-hidden": "true", alt: "" }) })) : ((0, jsx_runtime_1.jsx)("img", { loading: loading, ref: imgRef, className, style, src, alt, "aria-labelledby": labelledby }));
198
197
  };
199
198
  // Temporary for A/B test.
200
- const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
201
- const maybeImage = useMshotsImgTreatment(url, options);
199
+ const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
200
+ const [shouldShowImage, setShouldShowImage] = (0, react_1.useState)(loading === 'eager');
201
+ const divRef = (0, react_1.useRef)(null);
202
+ const imgRef = (0, react_1.useRef)(null);
203
+ const maybeImage = useMshotsImgTreatment(url, options, shouldShowImage);
202
204
  const src = maybeImage?.src || '';
203
205
  const visible = !!src;
204
206
  const backgroundImage = maybeImage?.src && `url( ${maybeImage?.src} )`;
207
+ (0, react_1.useEffect)(() => {
208
+ if (loading === 'lazy' && !shouldShowImage) {
209
+ const observer = new IntersectionObserver((entries) => {
210
+ if (entries[0]?.isIntersecting) {
211
+ setShouldShowImage(true);
212
+ observer.disconnect();
213
+ }
214
+ });
215
+ const elementToObserve = scrollable || !visible ? divRef.current : imgRef.current;
216
+ if (elementToObserve) {
217
+ observer.observe(elementToObserve);
218
+ }
219
+ return () => {
220
+ observer.disconnect();
221
+ };
222
+ }
223
+ }, [loading, shouldShowImage, scrollable, visible]);
205
224
  const animationScrollSpeedInPixelsPerSecond = 400;
206
225
  const animationDuration = (maybeImage?.naturalHeight || 600) / animationScrollSpeedInPixelsPerSecond;
207
226
  const scrollableStyles = {
@@ -215,7 +234,7 @@ const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options
215
234
  // The "! visible" here is only to dodge a particularly specific css
216
235
  // rule effecting the placeholder while loading static images:
217
236
  // '.design-picker .design-picker__image-frame img { ..., height: auto }'
218
- return scrollable || !visible ? ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "aria-labelledby": labelledby })) : ((0, jsx_runtime_1.jsx)("img", { className, style, src, alt, "aria-labelledby": labelledby, alt: alt }));
237
+ return scrollable || !visible ? ((0, jsx_runtime_1.jsx)("div", { ref: divRef, className: className, style: style, "aria-labelledby": labelledby })) : ((0, jsx_runtime_1.jsx)("img", { ref: imgRef, className, style, src, alt, loading, "aria-labelledby": labelledby }));
219
238
  };
220
239
  // For hover-scroll, we use a div with a background image (rather than an img element)
221
240
  // in order to use transitions between `top` and `bottom` on the
@@ -223,12 +242,12 @@ const MShotsImageTreatment = ({ url, 'aria-labelledby': labelledby, alt, options
223
242
  // The "normal" top & bottom properties are problematic individually because we
224
243
  // don't know how big the images will be, and using both gets the
225
244
  // right positions but with no transition (as they're different properties).
226
- const MShotsImage = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, }) => {
245
+ const MShotsImage = ({ url, 'aria-labelledby': labelledby, alt, options, scrollable = false, loading = 'lazy', }) => {
227
246
  // Return MShotsImageControl or MShotsImageTreatment depending on options.oldHighResImageLoading
228
247
  if (options?.oldHighResImageLoading) {
229
- return ((0, jsx_runtime_1.jsx)(MShotsImageTreatment, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable }));
248
+ return ((0, jsx_runtime_1.jsx)(MShotsImageTreatment, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable, loading: loading }));
230
249
  }
231
- return ((0, jsx_runtime_1.jsx)(MShotsImageControl, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable }));
250
+ return ((0, jsx_runtime_1.jsx)(MShotsImageControl, { url: url, "aria-labelledby": labelledby, alt: alt, options: options, scrollable: scrollable, loading: loading }));
232
251
  };
233
252
  exports.default = MShotsImage;
234
253
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mshots-image/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mshots-image/index.tsx"],"names":[],"mappings":"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"}
@@ -5,6 +5,7 @@
5
5
  }
6
6
 
7
7
  .mshots-image__container {
8
+ cursor: pointer;
8
9
  height: 100%;
9
10
  }
10
11
 
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useNavigatorListener = void 0;
4
+ const tslib_1 = require("tslib");
4
5
  var use_navigator_listener_1 = require("./use-navigator-listener");
5
- Object.defineProperty(exports, "useNavigatorListener", { enumerable: true, get: function () { return __importDefault(use_navigator_listener_1).default; } });
6
+ Object.defineProperty(exports, "useNavigatorListener", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_listener_1).default; } });
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/hooks/index.tsx"],"names":[],"mappings":";;;AAAA,mEAA2E;AAAlE,+IAAA,OAAO,OAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/hooks/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAA2E;AAAlE,uJAAA,OAAO,OAAwB"}
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NavigatorButtonAsItem = exports.NavigatorItem = void 0;
3
+ exports.NavigatorButtonAsItem = void 0;
4
+ exports.NavigatorItem = NavigatorItem;
4
5
  const tslib_1 = require("tslib");
5
6
  const jsx_runtime_1 = require("react/jsx-runtime");
6
7
  const components_1 = require("@wordpress/components");
@@ -15,7 +16,6 @@ function NavigatorItem({ icon, checked, active, children, ...props }) {
15
16
  'navigator-item--active': active,
16
17
  }), children: (0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { justify: "space-between", children: [content, (0, jsx_runtime_1.jsx)(icons_1.Icon, { icon: forwardIcon, size: 24 })] }) }));
17
18
  }
18
- exports.NavigatorItem = NavigatorItem;
19
19
  const NavigatorButtonAsItem = ({ ...props }) => {
20
20
  return (0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorButton, { as: NavigatorItem, ...props });
21
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAK+B;AAC/B,0CAAwC;AACxC,4CAA0E;AAC1E,wDAAwB;AACxB,wBAAsB;AAetB,SAAgB,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,wBAAC,iCAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,uBAAC,YAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,uBAAC,qBAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,uBAAC,qBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,YAAK,GAAE,CAAC,CAAC,CAAC,mBAAW,CAAC,CAAC,CAAC,oBAAY,CAAC;IAEzD,OAAO,CACN,uBAAC,+BAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAA,cAAI,EAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,wBAAC,iCAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,uBAAC,YAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AA7BD,sCA6BC;AAEM,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,uBAAC,0CAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";;;AAyBA,sCA6BC;;;AAtDD,sDAK+B;AAC/B,0CAAwC;AACxC,4CAA0E;AAC1E,wDAAwB;AAExB,wBAAsB;AAetB,SAAgB,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,wBAAC,iCAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,uBAAC,YAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,uBAAC,qBAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,uBAAC,qBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,YAAK,GAAE,CAAC,CAAC,CAAC,mBAAW,CAAC,CAAC,CAAC,oBAAY,CAAC;IAEzD,OAAO,CACN,uBAAC,+BAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAA,cAAI,EAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,wBAAC,iCAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,uBAAC,YAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AAEM,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,uBAAC,0CAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA6D;AAC7D,wBAAsB;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,CACN,iCAAK,SAAS,EAAC,kBAAkB,aAChC,wBAAC,iCAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,uBAAC,8CAAmB,IACnB,EAAE,EAAG,mBAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,yCAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,8BAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA6D;AAE7D,wBAAsB;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,OAAO,CACN,iCAAK,SAAS,EAAC,kBAAkB,aAChC,wBAAC,iCAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,uBAAC,8CAAmB,IACnB,EAAE,EAAG,mBAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,yCAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,8BAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
@@ -1,8 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useNavigatorScreens = exports.useNavigatorButtons = void 0;
4
+ const tslib_1 = require("tslib");
4
5
  var use_navigator_buttons_1 = require("./use-navigator-buttons");
5
- Object.defineProperty(exports, "useNavigatorButtons", { enumerable: true, get: function () { return __importDefault(use_navigator_buttons_1).default; } });
6
+ Object.defineProperty(exports, "useNavigatorButtons", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_buttons_1).default; } });
6
7
  var use_navigator_screens_1 = require("./use-navigator-screens");
7
- Object.defineProperty(exports, "useNavigatorScreens", { enumerable: true, get: function () { return __importDefault(use_navigator_screens_1).default; } });
8
+ Object.defineProperty(exports, "useNavigatorScreens", { enumerable: true, get: function () { return tslib_1.__importDefault(use_navigator_screens_1).default; } });
8
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/index.tsx"],"names":[],"mappings":";;;AAAA,iEAAyE;AAAhE,6IAAA,OAAO,OAAuB;AACvC,iEAAyE;AAAhE,6IAAA,OAAO,OAAuB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/index.tsx"],"names":[],"mappings":";;;;AAAA,iEAAyE;AAAhE,qJAAA,OAAO,OAAuB;AACvC,iEAAyE;AAAhE,qJAAA,OAAO,OAAuB"}
@@ -8,7 +8,7 @@ const i18n_calypso_1 = require("i18n-calypso");
8
8
  const navigator_header_1 = tslib_1.__importDefault(require("../../navigator-header"));
9
9
  const useNavigatorScreens = (screens) => {
10
10
  const translate = (0, i18n_calypso_1.useTranslate)();
11
- return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => ((0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorScreen, { path: path, style: { animationDuration: '0s' }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(navigator_header_1.default, { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, (0, jsx_runtime_1.jsxs)("div", { className: "navigator-screen__footer", children: [(0, jsx_runtime_1.jsxs)(components_2.__experimentalNavigatorBackButton, { className: "navigator-screen__footer-back-button", as: components_1.Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [(0, jsx_runtime_1.jsx)(components_1.Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), (0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorBackButton, { as: components_1.Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
11
+ return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => ((0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorScreen, { path: path, style: { animationDuration: '0s', transitionDuration: '0s' }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(navigator_header_1.default, { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, (0, jsx_runtime_1.jsxs)("div", { className: "navigator-screen__footer", children: [(0, jsx_runtime_1.jsxs)(components_2.__experimentalNavigatorBackButton, { className: "navigator-screen__footer-back-button", as: components_1.Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [(0, jsx_runtime_1.jsx)(components_1.Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), (0, jsx_runtime_1.jsx)(components_2.__experimentalNavigatorBackButton, { as: components_1.Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
12
12
  };
13
13
  exports.default = useNavigatorScreens;
14
14
  //# 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,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA4C;AAC5C,sFAAqD;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,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,uBAAC,0CAAe,IAAc,IAAI,EAAG,IAAI,EAAG,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAC9E,6DACC,uBAAC,0BAAe,IACf,KAAK,EAAG,2DAAI,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,iCAAK,SAAS,EAAC,0BAA0B,aACxC,wBAAC,8CAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,mBAAM,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,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,uBAAC,8CAAmB,IAAC,EAAE,EAAG,mBAAM,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,kBAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0D;AAC1D,sDAG+B;AAC/B,+CAA4C;AAC5C,sFAAqD;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,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,uBAAC,0CAAe,IAEf,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAE7D,6DACC,uBAAC,0BAAe,IACf,KAAK,EAAG,2DAAI,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,iCAAK,SAAS,EAAC,0BAA0B,aACxC,wBAAC,8CAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,mBAAM,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,uBAAC,qBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,uBAAC,8CAAmB,IAAC,EAAE,EAAG,mBAAM,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,kBAAe,mBAAmB,CAAC"}
@@ -6,13 +6,18 @@ const components_1 = require("@wordpress/components");
6
6
  const navigator_listener_1 = tslib_1.__importDefault(require("../navigator-listener"));
7
7
  const hooks_1 = require("./hooks");
8
8
  require("./navigator-screens.scss");
9
- const NavigatorScreens = ({ children, screens, initialPath = '/', onNavigatorPathChange, }) => {
9
+ const NavigatorRefSetter = ({ navigatorRef, }) => {
10
+ const navigator = (0, components_1.useNavigator)();
11
+ navigatorRef.current = navigator;
12
+ return null;
13
+ };
14
+ const NavigatorScreens = ({ children, screens, initialPath = '/', navigatorRef, onNavigatorPathChange, }) => {
10
15
  const navigatorScreens = (0, hooks_1.useNavigatorScreens)(screens);
11
16
  // We don't need navigator if there is only one screen
12
17
  if (screens.length === 1) {
13
18
  return children;
14
19
  }
15
- return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalNavigatorProvider, { initialPath: initialPath, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorScreen, { path: initialPath, children: children }), navigatorScreens, onNavigatorPathChange && ((0, jsx_runtime_1.jsx)(navigator_listener_1.default, { onNavigatorPathChange: onNavigatorPathChange }))] }));
20
+ return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalNavigatorProvider, { initialPath: initialPath, children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalNavigatorScreen, { path: initialPath, children: children }), navigatorScreens, (0, jsx_runtime_1.jsx)(NavigatorRefSetter, { navigatorRef: navigatorRef }), onNavigatorPathChange && ((0, jsx_runtime_1.jsx)(navigator_listener_1.default, { onNavigatorPathChange: onNavigatorPathChange }))] }));
16
21
  };
17
22
  exports.default = NavigatorScreens;
18
23
  //# 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,sDAG+B;AAC/B,uFAAsD;AACtD,mCAA8C;AAE9C,oCAAkC;AASlC,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,qBAAqB,GACd,EAAG,EAAE;IACZ,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,EAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,wBAAC,4CAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,uBAAC,0CAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAChB,qBAAqB,IAAI,CAC1B,uBAAC,4BAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";;;;AAAA,sDAI+B;AAG/B,uFAAsD;AACtD,mCAA8C;AAE9C,oCAAkC;AAElC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,YAAY,GAGZ,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,IAAA,yBAAY,GAAE,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,IAAA,2BAAmB,EAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,wBAAC,4CAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,uBAAC,0CAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAClB,uBAAC,kBAAkB,IAAC,YAAY,EAAG,YAAY,GAAK,EAClD,qBAAqB,IAAI,CAC1B,uBAAC,4BAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
@@ -6,12 +6,13 @@ const components_1 = require("@wordpress/components");
6
6
  const compose_1 = require("@wordpress/compose");
7
7
  const clsx_1 = tslib_1.__importDefault(require("clsx"));
8
8
  require("./style.scss");
9
+ /**
10
+ * @deprecated Use SelectCardCheckboxV2 instead because it triggers onChange event twice and has accessibility issues
11
+ */
9
12
  const SelectCardCheckbox = ({ children, className, onChange, checked, }) => {
10
13
  const instanceId = (0, compose_1.useInstanceId)(components_1.CheckboxControl);
11
14
  const id = `select-card-checkbox-${instanceId}`;
12
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('select-card-checkbox__container', className, {
13
- 'is-checked': checked,
14
- }), onClick: () => onChange(!checked), role: "presentation", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { checked: checked, id: id, onChange: onChange }), (0, jsx_runtime_1.jsx)("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
15
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('select-card-checkbox__container', className), onClick: () => onChange(!checked), role: "presentation", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange }), (0, jsx_runtime_1.jsx)("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
15
16
  };
16
17
  exports.default = SelectCardCheckbox;
17
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,sDAAwD;AACxD,gDAAmD;AACnD,wDAAwB;AACxB,wBAAsB;AAStB,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAE,4BAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,iCACC,SAAS,EAAG,IAAA,cAAI,EAAE,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,uBAAC,4BAAe,IAAC,OAAO,EAAG,OAAO,EAAG,EAAE,EAAG,EAAE,EAAG,QAAQ,EAAG,QAAQ,GAAK,EACvE,kCAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,sDAAwD;AACxD,gDAAmD;AACnD,wDAAwB;AACxB,wBAAsB;AAStB;;GAEG;AACH,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAE,4BAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,iCACC,SAAS,EAAG,IAAA,cAAI,EAAE,iCAAiC,EAAE,SAAS,CAAE,EAChE,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,CAAE,OAAO,CAAE,EACrC,IAAI,EAAC,cAAc,aAEnB,uBAAC,4BAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,GAClB,EACF,kCAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,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,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const components_1 = require("@wordpress/components");
6
+ const clsx_1 = tslib_1.__importDefault(require("clsx"));
7
+ const react_1 = require("react");
8
+ require("./style.scss");
9
+ const SelectCardCheckboxV2 = ({ children, className, onChange, disabled = false, checked = false, isBusy = false, }) => {
10
+ const instanceId = (0, react_1.useId)();
11
+ const id = `select-card-checkbox-v2-${instanceId}`;
12
+ return ((0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { spacing: 2, as: "label", className: (0, clsx_1.default)('select-card-checkbox-v2', className, { 'is-busy': isBusy }), htmlFor: id, alignment: "left", "aria-checked": checked, "aria-labelledby": `select-card-checkbox-v2-label-${instanceId}`, children: [(0, jsx_runtime_1.jsxs)(components_1.__experimentalHStack, { alignment: "left", spacing: 2, as: "span", children: [(0, jsx_runtime_1.jsx)(components_1.CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange, disabled: disabled || isBusy }), (0, jsx_runtime_1.jsx)("span", { id: `select-card-checkbox-v2-label-${instanceId}`, children: children })] }), isBusy && (0, jsx_runtime_1.jsx)(components_1.Spinner, {})] }));
13
+ };
14
+ exports.default = SelectCardCheckboxV2;
15
+ //# 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,sDAAiG;AACjG,wDAAwB;AACxB,iCAA8B;AAC9B,wBAAsB;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,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,2BAA4B,UAAW,EAAE,CAAC;IAErD,OAAO,CACN,wBAAC,iCAAM,IACN,OAAO,EAAG,CAAC,EACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAG,IAAA,cAAI,EAAE,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,wBAAC,iCAAM,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAG,CAAC,EAAG,EAAE,EAAC,MAAM,aAC/C,uBAAC,4BAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,EACnB,QAAQ,EAAG,QAAQ,IAAI,MAAM,GAC5B,EACF,iCAAM,EAAE,EAAG,iCAAkC,UAAW,EAAE,YAAK,QAAQ,GAAS,IACxE,EACP,MAAM,IAAI,uBAAC,oBAAO,KAAG,IACf,CACT,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,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
+
@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const components_1 = require("@automattic/components");
6
+ const components_2 = require("@wordpress/components");
6
7
  const icons_1 = require("@wordpress/icons");
7
8
  const clsx_1 = tslib_1.__importDefault(require("clsx"));
8
9
  require("./style.scss");
9
10
  function SelectItems({ className, items, onSelect, preventWidows }) {
10
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, isPrimary, allItemClickable, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "select-items__item", children: [!titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), (0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "select-items__item-title", children: [titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), (0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && ((0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-badge", children: (0, jsx_runtime_1.jsx)(components_1.Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && ((0, jsx_runtime_1.jsx)(components_1.Button, { primary: isPrimary, className: "select-items__item-button", onClick: () => onSelect(value), children: actionText }))] }), allItemClickable && ((0, jsx_runtime_1.jsx)("button", { className: "select-items__item-clickable", onClick: () => onSelect(value) }))] }, key))) }));
11
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, allItemClickable, 'aria-label': ariaLabel, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "select-items__item", children: [!titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), (0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "select-items__item-info", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "select-items__item-title", children: [titleIcon && ((0, jsx_runtime_1.jsx)(icons_1.Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), (0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && ((0, jsx_runtime_1.jsx)("span", { className: "select-items__item-title-badge", children: (0, jsx_runtime_1.jsx)(components_1.Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && ((0, jsx_runtime_1.jsx)(components_2.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 && ((0, jsx_runtime_1.jsx)("button", { className: "select-items__item-clickable", onClick: () => onSelect(value), "aria-label": ariaLabel || `${title}. ${description}` }))] }, key))) }));
11
12
  }
12
13
  exports.default = SelectItems;
13
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,4CAAwC;AACxC,wDAAwB;AACxB,wBAAsB;AAwBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,gCAAK,SAAS,EAAG,IAAA,cAAI,EAAE,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,iCAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,iCAAK,SAAS,EAAC,yBAAyB,aACvC,gCAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,iCAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,iCAAM,SAAS,EAAC,gCAAgC,YAC/C,uBAAC,kBAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,uBAAC,mBAAM,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,mCACC,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,kBAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,sDAA+C;AAC/C,4CAAwC;AACxC,wDAAwB;AACxB,wBAAsB;AAyBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,gCAAK,SAAS,EAAG,IAAA,cAAI,EAAE,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,iCAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,iCAAK,SAAS,EAAC,iCAAiC,aAC/C,iCAAK,SAAS,EAAC,yBAAyB,iBAAa,MAAM,aAC1D,gCAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,uBAAC,YAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,iCAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,iCAAM,SAAS,EAAC,gCAAgC,YAC/C,uBAAC,kBAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,gCAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,uBAAC,mBAAM,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,mCACC,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,kBAAe,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;