Merged in fix/STAY-135 (pull request #3368)

Fix/STAY-135 & STAY-127

* fix: make quantity and delivery separate steps in mobile

* fix: update design for delivery step in ancillary flow

* fix: add error state for missing time

* fix: only allow points or cash payment for ancillaries

* fix: break out stepper to design system

* fix: update design of select quantity step in add ancillaries flow

* fix: add error states for quantity

* fix: handle insufficient points case

* fix: update stepper to include optional disabledMessage tooltip

* fix: handle validations

* fix: change name to camel case


Approved-by: Bianca Widstam
Approved-by: Chuma Mcphoy (We Ahead)

packages/design-system/lib/components/Tooltip/index.tsx

@@ -43,6 +43,9 @@ export function Tooltip<P extends TooltipPosition>({
 
   function handleToggle() {
     setIsActive((prevState) => !prevState)
+    setTimeout(() => {
+      setIsActive(false)
+    }, 3000)
   }
 
   function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {

packages/design-system/lib/components/Tooltip/tooltip.module.css

@@ -44,6 +44,10 @@
   right: 0;
 }
 
+.top.arrowRight {
+  right: 0;
+}
+
 .tooltip::before {
   content: '';
   position: absolute;