@anker-in/campaign-ui 0.5.5 → 0.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/src/components/credits/context/hooks/useAlpcFetch.ts

@@ -59,7 +59,7 @@ const normalizeResponseData = (responseData: any) => {
 }
 
 const fetcher = (options: FetcherOptions) => {
-  return fetch(getAlpcPath(options.locale, options.apiBaseUrl) + options.url, options.fetchOptions).then(async response => {
+  return fetch(getAlpcPath(options.locale, options.apiBaseUrl) + options.url, { credentials: 'include', ...options.fetchOptions }).then(async response => {
     if (response.status < 300) {
       const responseData = await response.json()
       return normalizeResponseData(responseData)
@@ -79,7 +79,7 @@ const fetcher = (options: FetcherOptions) => {
 
         if (result) {
           // 跨区重新登录后需要替换区域标志，所以不能用最开始请求的那个链接
-          return fetch(getAlpcPath(options.locale, options.apiBaseUrl) + options.url, options.fetchOptions).then(async response => {
+          return fetch(getAlpcPath(options.locale, options.apiBaseUrl) + options.url, { credentials: 'include', ...options.fetchOptions }).then(async response => {
             if (response.status < 300) {
               const responseData = await response.json()
               return normalizeResponseData(responseData)

package/src/components/credits/context/hooks/useCountries.ts

@@ -14,6 +14,7 @@ function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
       setLoading(true)
       try {
         const response = await fetch('/api/multipass/account/countries', {
+          credentials: 'include',
           headers: {
             'current-language': locale,
           },

package/src/components/credits/context/hooks/useShippingCountries.ts

@@ -14,6 +14,7 @@ function useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: stri
       setLoading(true)
       try {
         const response = await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`, {
+          credentials: 'include',
           headers: {
             'current-language': locale,
           },

package/src/components/credits/context/hooks/useSubscribed.ts

@@ -6,13 +6,13 @@ import { useCreditsContext } from '../provider'
 import { useHeadlessContext, useSubscriptions } from '@anker-in/lib'
 
 export const useSubscribed = () => {
-  const { profile } = useCreditsContext()
+  const { profile, apiBaseUrl } = useCreditsContext()
   const { brand } = useHeadlessContext()
 
   const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])
 
   const { activities } = useActivities(activitiesOptions)
-  const { data: subscription } = useSubscriptions({ email: profile?.email })
+  const { data: subscription } = useSubscriptions({ email: profile?.email, baseUrl: apiBaseUrl })
   const subscriptionData = subscription?.data || subscription
 
   const isSubscribed = useMemo(() => {

package/src/components/memberPopup/panels/ActivitiesSubscribePanel.tsx

@@ -62,6 +62,7 @@ export default function ActivitiesSubscribeModal({ copy, email: initialEmail }:
     try {
       const response = await fetch('/api/multipass/rainbowbridge/activities', {
         method: 'POST',
+        credentials: 'include',
         headers: {
           'Content-Type': 'application/json',
           'current-language': locale,

package/src/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemCoupon.ts

@@ -22,9 +22,10 @@ export function useRedeemCoupon(config: AlpcConfig) {
   return useSWRMutation<RedeemCouponResponse, Error, string, RedeemCouponParams>(
     `/v1/credit/redeem/coupon`,
     async (url: string, { arg }) => {
-      const response = await fetch(getAlpcPath(locale, apiBaseUrl) + url, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'current-language': locale },
+        const response = await fetch(getAlpcPath(locale, apiBaseUrl) + url, {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json', 'current-language': locale },
         body: JSON.stringify({
           brand,
           country: ALPC_COUNTRY_MAP.get(locale) || locale,

package/src/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemableList.ts

@@ -16,9 +16,10 @@ export function useRedeemableList(config: AlpcConfig) {
   const { isMutating: listLoading, trigger } = useSWRMutation(
     `/v1/credit/consume_credit_rules`,
     async (url: string, { arg }: { arg: Record<string, any> }) => {
-      const response = await fetch(getAlpcPath(resolvedLocale, apiBaseUrl) + url, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'current-language': resolvedLocale },
+        const response = await fetch(getAlpcPath(resolvedLocale, apiBaseUrl) + url, {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json', 'current-language': resolvedLocale },
         body: JSON.stringify(arg),
       })
       return response.json()

package/src/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.tsx

@@ -52,6 +52,7 @@ export default function SubscribeEmailPanel({ copy, email: initialEmail, onClose
     try {
       const response = await fetch('/api/multipass/subscribe/subscribe_emails', {
         method: 'POST',
+        credentials: 'include',
         headers: { 'Content-Type': 'application/json', 'current-language': locale },
         body: JSON.stringify({
           email,

package/src/components/memberPopup/panels/EarnCredits/hooks/useActivities.ts

@@ -26,9 +26,10 @@ function useActivities(
   const { isMutating: isLoading, trigger } = useSWRMutation(
     `/v1/credit/log`,
     async (url: string, { arg }: { arg: Record<string, any> }) => {
-      const response = await fetch(getAlpcPath(locale, apiBaseUrl) + url, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'current-language': locale },
+        const response = await fetch(getAlpcPath(locale, apiBaseUrl) + url, {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json', 'current-language': locale },
         body: JSON.stringify(arg),
       })
       return response.json()

package/src/components/memberPopup/panels/EarnCredits/hooks/useSubscribed.ts

@@ -16,7 +16,7 @@ export function useSubscribed({ userId, brand, email, locale = '', apiBaseUrl }:
     { userId, brand, apiBaseUrl, locale },
     { page: 1, pageSize: 50 }
   )
-  const { data: subscription } = useSubscriptions({ email })
+  const { data: subscription } = useSubscriptions({ email, baseUrl: apiBaseUrl })
   const subscriptionData = subscription?.data || subscription
 
   return useMemo(() => {

package/src/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.ts

@@ -24,6 +24,7 @@ export function useUpdateProfile({ locale = '', appName = '' }: UseUpdateProfile
       try {
         const response = await fetch('/api/multipass/account/users/update_profile', {
           method: 'PUT',
+          credentials: 'include',
           headers: {
             'Content-Type': 'application/json',
             'current-language': locale,

package/src/components/memberPopup/panels/Referral/hooks/useReferralOverview.ts

@@ -22,6 +22,7 @@ export function useReferralOverview(): {
   const swrFetcher = async (url: string) => {
     const response = await fetch(url, {
       method: 'GET',
+      credentials: 'include',
       headers: {
         'Content-Type': 'application/json',
         'current-language': alpcConfig.locale,