Merge branch 'cash-reward-redemption' of https://github.com/saasquatch/program-tools into cash-reward-redemption

Author: AndiLuo

packages/mint-components/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.3.0-7",
+  "version": "2.3.0-9",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

packages/mint-components/package.json

@@ -25,6 +25,7 @@ export interface PartnerInfoModalViewProps {
     setCountrySearch: (c: any) => void;
     onSubmit: () => void;
     onClose: () => void;
+    onInitialFocus?: (e: any) => void;
   };
   text: {
     modalHeader: string;
@@ -292,6 +293,7 @@ export function PartnerInfoModalView(props: PartnerInfoModalViewProps) {
             e.preventDefault();
           }
         }}
+        onSl-initial-focus={callbacks.onInitialFocus}
       >
         <h2 class={sheet.classes.DialogTitle}>
           {states.isExistingPartner

packages/mint-components/src/components/sqm-partner-info-modal/sqm-partner-info-modal-view.tsx

@@ -195,7 +195,7 @@ export class PartnerInfoModal {
 }
 
 function useDemoPartnerInfoModal(
-  props: PartnerInfoModal
+  props: PartnerInfoModal,
 ): PartnerInfoModalViewProps {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
@@ -247,6 +247,7 @@ function useDemoPartnerInfoModal(
           setError("");
         },
         onClose: () => {},
+        onInitialFocus: (e: any) => e.preventDefault(),
       },
       text: {
         modalHeader: props.modalHeader,
@@ -265,6 +266,6 @@ function useDemoPartnerInfoModal(
       },
     },
     props.demoData || stateOverride,
-    { arrayMerge: (_, a) => a }
+    { arrayMerge: (_, a) => a },
   );
 }