Add storeId and channelId for collect initialization (#1272)

* Add storeId and channelId for collect initialization

* add changeset

* fix format

Author: pbennett1-godaddy

.changeset/witty-moments-cough.md

@@ -0,0 +1,5 @@
+---
+"@godaddy/react": patch
+---
+
+Add storeId and channelId for GDPayments Initialization

packages/react/src/components/checkout/payment/checkout-buttons/express/godaddy.tsx

@@ -377,8 +377,12 @@ export function ExpressCheckoutButton() {
       // 	couponConfig,
       // });
       collect.current = new (window as any).TokenizeJs(
-        godaddyPaymentsConfig?.businessId || session?.businessId,
-        godaddyPaymentsConfig?.appId,
+        {
+          businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
+          storeId: session?.storeId,
+          channelId: session?.channelId,
+          applicationId: godaddyPaymentsConfig?.appId,
+        },
         {
           country: countryCode,
           currency: currencyCode,
@@ -394,7 +398,11 @@ export function ExpressCheckoutButton() {
     godaddyPaymentsConfig,
     countryCode,
     currencyCode,
-    session,
+    session?.businessId,
+    session?.storeId,
+    session?.channelId,
+    session?.enablePromotionCodes,
+    session?.storeName,
     isPoyntLoaded,
     isCollectLoading,
     calculatedAdjustments,

packages/react/src/components/checkout/payment/checkout-buttons/paze/godaddy.tsx

@@ -107,8 +107,12 @@ export function PazeCheckoutButton() {
     ) {
       // console.log("[poynt collect] Initializing TokenizeJs instance");
       collect.current = new (window as any).TokenizeJs(
-        godaddyPaymentsConfig?.businessId || session?.businessId,
-        godaddyPaymentsConfig?.appId,
+        {
+          businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
+          storeId: session?.storeId,
+          channelId: session?.channelId,
+          applicationId: godaddyPaymentsConfig?.appId,
+        },
         {
           country: countryCode,
           currency: currencyCode,
@@ -123,7 +127,9 @@ export function PazeCheckoutButton() {
     godaddyPaymentsConfig,
     countryCode,
     currencyCode,
-    session,
+    session?.businessId,
+    session?.storeId,
+    session?.channelId,
     isPoyntLoaded,
     isCollectLoading,
   ]);

packages/react/src/components/checkout/payment/payment-form.tsx

@@ -156,8 +156,12 @@ export function PaymentForm(
       session?.paymentMethods?.paze?.processor === PaymentProvider.GODADDY
     ) {
       collect.current = new (window as any).TokenizeJs(
-        godaddyPaymentsConfig?.businessId || session?.businessId,
-        godaddyPaymentsConfig?.appId,
+        {
+          businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
+          storeId: session?.storeId,
+          channelId: session?.channelId,
+          applicationId: godaddyPaymentsConfig?.appId,
+        },
         {
           country: countryCode,
           currency: currencyCode,
@@ -180,6 +184,8 @@ export function PaymentForm(
     session?.paymentMethods?.paze?.processor,
     session?.storeName,
     session?.businessId,
+    session?.storeId,
+    session?.channelId,
     isPoyntLoaded,
   ]);
 

packages/react/src/components/checkout/payment/payment-methods/credit-card/godaddy.tsx

@@ -195,10 +195,12 @@ export function GoDaddyCreditCardForm() {
     )
       return;
 
-    collect.current = new (window as any).TokenizeJs(
-      godaddyPaymentsConfig?.businessId || session?.businessId,
-      godaddyPaymentsConfig?.appId
-    );
+    collect.current = new (window as any).TokenizeJs({
+      businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
+      storeId: session?.storeId,
+      channelId: session?.channelId,
+      applicationId: godaddyPaymentsConfig?.appId,
+    });
 
     collect?.current?.on('ready', () => {
       setCollect(collect.current);
@@ -248,6 +250,8 @@ export function GoDaddyCreditCardForm() {
     t,
     setIsLoadingNonce,
     session?.businessId,
+    session?.storeId,
+    session?.channelId,
   ]);
 
   return (