@bcrumbs.net/inbox 0.0.63 → 0.0.65

package/src/graphql.billing.autogenerated.d.ts

@@ -126,6 +126,37 @@ export type CheckoutResult = {
     stripePaymentMethod?: Maybe<Scalars['String']['output']>;
     transactionId?: Maybe<Scalars['Int']['output']>;
 };
+/** Credit pack sizes for Gateway prepaid purchases. */
+export declare const CreditPack: {
+    readonly CREDITS_5: "CREDITS_5";
+    readonly CREDITS_20: "CREDITS_20";
+    readonly CREDITS_100: "CREDITS_100";
+};
+export type CreditPack = typeof CreditPack[keyof typeof CreditPack];
+/** CreditWalletInput fetches prepaid Gateway credit balance for a workspace. */
+export type CreditWalletInput = {
+    workspaceId: Scalars['Int']['input'];
+};
+/** CreditWalletView is SQL wallet balance composed with Redis pending usage. */
+export type CreditWalletView = {
+    __typename?: 'CreditWalletView';
+    balanceMicroUsd: Scalars['String']['output'];
+    lifetimeAttemptCount: Scalars['String']['output'];
+    lifetimePurchasedMicroUsd: Scalars['String']['output'];
+    lifetimeUsedMicroUsd: Scalars['String']['output'];
+    pendingAttempts: Scalars['String']['output'];
+    pendingMicroUsd: Scalars['String']['output'];
+    remainingCredits: Scalars['Float']['output'];
+    remainingMessages: Scalars['Int']['output'];
+    remainingMicroUsd: Scalars['String']['output'];
+    usedAttempts: Scalars['String']['output'];
+    usedCredits: Scalars['Float']['output'];
+    usedMicroUsd: Scalars['String']['output'];
+    workspaceId: Scalars['Int']['output'];
+};
+export type EnsureGatewaySubscriptionInput = {
+    workspaceId: Scalars['Int']['input'];
+};
 /**
  * ErrorCode is an enum for the error codes.
  * - UNAUTHENTICATED: The user is not authenticated.
@@ -148,12 +179,16 @@ export type Mutation = {
     cancelPendingPayment: CancelPendingPaymentResult;
     /** Purchase a new plan (checkout). */
     checkout: CheckoutResult;
+    /** Ensure the workspace has a Gateway subscription and empty credit wallet (no Polar charge). */
+    ensureGatewaySubscription: SubscriptionPlan;
     /** Pause the subscription. */
     pauseSubscription: SubscriptionPlan;
     /** Cancel an existing Polar subscription at period end without opening the customer portal. */
     polarCancelSubscription: PolarCancelSubscriptionResult;
     /** Create a Polar-hosted checkout session for purchasing a plan. */
     polarCheckout: PolarCheckoutResult;
+    /** Create a Polar-hosted one-time checkout for Gateway credit packs ($5 / $20 / $100). */
+    polarCreditsCheckout: PolarCheckoutResult;
     /** Create a Polar customer portal session for subscription management. */
     polarPortalSession: PolarPortalSessionResult;
     /** Reactivate a Polar subscription scheduled for cancellation without opening the customer portal. */
@@ -179,6 +214,9 @@ export type MutationCancelPendingPaymentArgs = {
 export type MutationCheckoutArgs = {
     input: CheckoutInput;
 };
+export type MutationEnsureGatewaySubscriptionArgs = {
+    input: EnsureGatewaySubscriptionInput;
+};
 export type MutationPauseSubscriptionArgs = {
     input: PauseSubscriptionInput;
 };
@@ -188,6 +226,9 @@ export type MutationPolarCancelSubscriptionArgs = {
 export type MutationPolarCheckoutArgs = {
     input: PolarCheckoutInput;
 };
+export type MutationPolarCreditsCheckoutArgs = {
+    input: PolarCreditsCheckoutInput;
+};
 export type MutationPolarPortalSessionArgs = {
     input: PolarPortalSessionInput;
 };
@@ -360,6 +401,7 @@ export declare const PlanType: {
     readonly BUSINESS: "business";
     readonly CUSTOM: "custom";
     readonly FREE: "free";
+    readonly GATEWAY: "gateway";
     readonly PREMIUM: "premium";
 };
 export type PlanType = typeof PlanType[keyof typeof PlanType];
@@ -387,6 +429,11 @@ export type PolarCheckoutResult = {
     sessionId: Scalars['String']['output'];
     sessionUrl: Scalars['String']['output'];
 };
+/** PolarCreditsCheckoutInput creates a one-time Polar checkout for message credits. */
+export type PolarCreditsCheckoutInput = {
+    pack: CreditPack;
+    workspaceId: Scalars['Int']['input'];
+};
 /** PolarPortalSessionInput is an input for creating a Polar customer portal session. */
 export type PolarPortalSessionInput = {
     workspaceId: Scalars['Int']['input'];
@@ -466,6 +513,8 @@ export type Query = {
     __typename?: 'Query';
     /** Get billing info for a workspace. */
     billingInfo?: Maybe<BillingInfo>;
+    /** Gateway prepaid credit wallet (SQL + Redis pending). */
+    creditWallet: CreditWalletView;
     /** Get a specific payment method by ID. */
     paymentMethod?: Maybe<PaymentMethod>;
     /** List card payment methods for a workspace. */
@@ -494,6 +543,9 @@ export type Query = {
 export type QueryBillingInfoArgs = {
     input: BillingInfoInput;
 };
+export type QueryCreditWalletArgs = {
+    input: CreditWalletInput;
+};
 export type QueryPaymentMethodArgs = {
     input: PaymentMethodInput;
 };
@@ -768,6 +820,45 @@ export type CheckoutMutation = {
         stripePaymentMethod?: string | null;
     };
 };
+export type CreditWalletQueryVariables = Exact<{
+    input: CreditWalletInput;
+}>;
+export type CreditWalletQuery = {
+    __typename?: 'Query';
+    creditWallet: {
+        __typename?: 'CreditWalletView';
+        workspaceId: number;
+        balanceMicroUsd: string;
+        pendingMicroUsd: string;
+        remainingMicroUsd: string;
+        remainingCredits: number;
+        remainingMessages: number;
+        lifetimePurchasedMicroUsd: string;
+        lifetimeUsedMicroUsd: string;
+        lifetimeAttemptCount: string;
+        pendingAttempts: string;
+        usedAttempts: string;
+        usedMicroUsd: string;
+        usedCredits: number;
+    };
+};
+export type EnsureGatewaySubscriptionMutationVariables = Exact<{
+    input: EnsureGatewaySubscriptionInput;
+}>;
+export type EnsureGatewaySubscriptionMutation = {
+    __typename?: 'Mutation';
+    ensureGatewaySubscription: {
+        __typename?: 'SubscriptionPlan';
+        id: number;
+        workspaceId: number;
+        planId: number;
+        plan?: {
+            __typename?: 'Plan';
+            id: number;
+            planType: PlanType;
+        } | null;
+    };
+};
 export type PaymentMethodQueryVariables = Exact<{
     input: PaymentMethodInput;
 }>;
@@ -928,6 +1019,17 @@ export type PolarCheckoutMutation = {
         sessionUrl: string;
     };
 };
+export type PolarCreditsCheckoutMutationVariables = Exact<{
+    input: PolarCreditsCheckoutInput;
+}>;
+export type PolarCreditsCheckoutMutation = {
+    __typename?: 'Mutation';
+    polarCreditsCheckout: {
+        __typename?: 'PolarCheckoutResult';
+        sessionId: string;
+        sessionUrl: string;
+    };
+};
 export type PolarPortalSessionMutationVariables = Exact<{
     input: PolarPortalSessionInput;
 }>;
@@ -1307,6 +1409,72 @@ export declare function useCheckoutMutation(baseOptions?: Apollo.MutationHookOpt
 export type CheckoutMutationHookResult = ReturnType<typeof useCheckoutMutation>;
 export type CheckoutMutationResult = Apollo.MutationResult<CheckoutMutation>;
 export type CheckoutMutationOptions = Apollo.BaseMutationOptions<CheckoutMutation, CheckoutMutationVariables>;
+export declare const CreditWalletDocument: Apollo.DocumentNode;
+/**
+ * __useCreditWalletQuery__
+ *
+ * To run a query within a React component, call `useCreditWalletQuery` and pass it any options that fit your needs.
+ * When your component renders, `useCreditWalletQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useCreditWalletQuery({
+ *   variables: {
+ *      input: // value for 'input'
+ *   },
+ * });
+ */
+export declare function useCreditWalletQuery(baseOptions: Apollo.QueryHookOptions<CreditWalletQuery, CreditWalletQueryVariables> & ({
+    variables: CreditWalletQueryVariables;
+    skip?: boolean;
+} | {
+    skip: boolean;
+})): Apollo.QueryResult<CreditWalletQuery, Exact<{
+    input: CreditWalletInput;
+}>>;
+export declare function useCreditWalletLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<CreditWalletQuery, CreditWalletQueryVariables>): Apollo.LazyQueryResultTuple<CreditWalletQuery, Exact<{
+    input: CreditWalletInput;
+}>>;
+export declare function useCreditWalletSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<CreditWalletQuery, CreditWalletQueryVariables>): Apollo.UseSuspenseQueryResult<CreditWalletQuery | undefined, Exact<{
+    input: CreditWalletInput;
+}>>;
+export type CreditWalletQueryHookResult = ReturnType<typeof useCreditWalletQuery>;
+export type CreditWalletLazyQueryHookResult = ReturnType<typeof useCreditWalletLazyQuery>;
+export type CreditWalletSuspenseQueryHookResult = ReturnType<typeof useCreditWalletSuspenseQuery>;
+export type CreditWalletQueryResult = Apollo.QueryResult<CreditWalletQuery, CreditWalletQueryVariables>;
+export declare function refetchCreditWalletQuery(variables: CreditWalletQueryVariables): {
+    query: Apollo.DocumentNode;
+    variables: Exact<{
+        input: CreditWalletInput;
+    }>;
+};
+export declare const EnsureGatewaySubscriptionDocument: Apollo.DocumentNode;
+export type EnsureGatewaySubscriptionMutationFn = Apollo.MutationFunction<EnsureGatewaySubscriptionMutation, EnsureGatewaySubscriptionMutationVariables>;
+/**
+ * __useEnsureGatewaySubscriptionMutation__
+ *
+ * To run a mutation, you first call `useEnsureGatewaySubscriptionMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useEnsureGatewaySubscriptionMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [ensureGatewaySubscriptionMutation, { data, loading, error }] = useEnsureGatewaySubscriptionMutation({
+ *   variables: {
+ *      input: // value for 'input'
+ *   },
+ * });
+ */
+export declare function useEnsureGatewaySubscriptionMutation(baseOptions?: Apollo.MutationHookOptions<EnsureGatewaySubscriptionMutation, EnsureGatewaySubscriptionMutationVariables>): Apollo.MutationTuple<EnsureGatewaySubscriptionMutation, Exact<{
+    input: EnsureGatewaySubscriptionInput;
+}>, Apollo.DefaultContext, Apollo.ApolloCache<any>>;
+export type EnsureGatewaySubscriptionMutationHookResult = ReturnType<typeof useEnsureGatewaySubscriptionMutation>;
+export type EnsureGatewaySubscriptionMutationResult = Apollo.MutationResult<EnsureGatewaySubscriptionMutation>;
+export type EnsureGatewaySubscriptionMutationOptions = Apollo.BaseMutationOptions<EnsureGatewaySubscriptionMutation, EnsureGatewaySubscriptionMutationVariables>;
 export declare const PaymentMethodDocument: Apollo.DocumentNode;
 /**
  * __usePaymentMethodQuery__
@@ -1603,6 +1771,31 @@ export declare function usePolarCheckoutMutation(baseOptions?: Apollo.MutationHo
 export type PolarCheckoutMutationHookResult = ReturnType<typeof usePolarCheckoutMutation>;
 export type PolarCheckoutMutationResult = Apollo.MutationResult<PolarCheckoutMutation>;
 export type PolarCheckoutMutationOptions = Apollo.BaseMutationOptions<PolarCheckoutMutation, PolarCheckoutMutationVariables>;
+export declare const PolarCreditsCheckoutDocument: Apollo.DocumentNode;
+export type PolarCreditsCheckoutMutationFn = Apollo.MutationFunction<PolarCreditsCheckoutMutation, PolarCreditsCheckoutMutationVariables>;
+/**
+ * __usePolarCreditsCheckoutMutation__
+ *
+ * To run a mutation, you first call `usePolarCreditsCheckoutMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `usePolarCreditsCheckoutMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [polarCreditsCheckoutMutation, { data, loading, error }] = usePolarCreditsCheckoutMutation({
+ *   variables: {
+ *      input: // value for 'input'
+ *   },
+ * });
+ */
+export declare function usePolarCreditsCheckoutMutation(baseOptions?: Apollo.MutationHookOptions<PolarCreditsCheckoutMutation, PolarCreditsCheckoutMutationVariables>): Apollo.MutationTuple<PolarCreditsCheckoutMutation, Exact<{
+    input: PolarCreditsCheckoutInput;
+}>, Apollo.DefaultContext, Apollo.ApolloCache<any>>;
+export type PolarCreditsCheckoutMutationHookResult = ReturnType<typeof usePolarCreditsCheckoutMutation>;
+export type PolarCreditsCheckoutMutationResult = Apollo.MutationResult<PolarCreditsCheckoutMutation>;
+export type PolarCreditsCheckoutMutationOptions = Apollo.BaseMutationOptions<PolarCreditsCheckoutMutation, PolarCreditsCheckoutMutationVariables>;
 export declare const PolarPortalSessionDocument: Apollo.DocumentNode;
 export type PolarPortalSessionMutationFn = Apollo.MutationFunction<PolarPortalSessionMutation, PolarPortalSessionMutationVariables>;
 /**

package/src/lib/index.d.ts

@@ -3,6 +3,7 @@ export { ConversationChat } from './conversation-chat';
 export type { ConversationChatProps } from './conversation-chat';
 export { EmbeddedMobileMenu } from './EmbeddedMobileMenu';
 export type { EmbeddedMobileMenuProps, MobileViews } from './EmbeddedMobileMenu';
+export { setInboxAudioBaseUrl } from '../app/inbox/utils/sounds';
 export { auth } from '@bcrumbs.net/bc-shared';
 export { ThemeProvider, useThemeContext } from '../context/themeContext';
 export { dconfigClient, coreClient, botClient, dqueryClient, setErrorHandler, getErrorHandler, } from '@bcrumbs.net/bc-api';

package/src/testUtils/bcUiMock.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Minimal stand-in for `@bcrumbs.net/bc-ui` in component tests. Workspace package aliases are not
+ * resolved by Jest, so specs mock bc-ui (virtually) with this module:
+ *
+ *   jest.mock('@bcrumbs.net/bc-ui', () => require('../../../testUtils/bcUiMock'), { virtual: true });
+ */
+import React from 'react';
+export declare const NewColors: Record<string, string>;
+export declare const TextSizeRem: Record<string, string>;
+export declare const LineHeightRem: Record<string, string>;
+export declare const FontFamilyStack: Record<string, string>;
+export declare const NewTextWeight: Record<string, string>;
+export declare const InputStyle: () => {};
+export declare const LabelStyle: () => {};
+export declare const BCSkeleton: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCIcons: Record<string, React.FC>;

package/src/utils/colorPool.d.ts

@@ -1,2 +1 @@
-import { Color } from '@bcrumbs.net/bc-ui';
-export declare function colorPool(id?: number): Color;
+export declare function colorPool(id?: number): "#FF9900" | "#330033" | "#330066" | "#FF6600" | "#66FF66" | "#66CCFF" | "#9966FF" | "#FF66FF" | "#003333" | "#FF3300" | "#6666FF" | "#FF3366" | "#FFCC00" | "#CCFF00" | "#66FFFF" | "#9999FF" | "#CC66FF";

package/src/utils/getActiveChannelList.d.ts

@@ -1,2 +1,7 @@
 import { BCDropListOptionsType } from '@bcrumbs.net/bc-ui';
-export declare const getActiveChannelList: () => BCDropListOptionsType[];
+type ActiveChannelListOptions = {
+    /** Include BCWEBCHAT (website live chat); gated by the `webchat` PostHog flag. */
+    includeWebchat?: boolean;
+};
+export declare const getActiveChannelList: ({ includeWebchat }?: ActiveChannelListOptions) => BCDropListOptionsType[];
+export {};

package/src/utils/globalHelper.d.ts

@@ -7,5 +7,27 @@ export declare const getCountryNames: (lang: string) => i18nCountries.LocalizedC
 }>;
 export declare const getLocalizedCountryName: (countryCode: string, lang: string) => string | undefined;
 export declare const createTagsMap: (tags: Tag[]) => Record<string, string>;
+/** Header and body can both use {{1}}. Scope header tokens so their values stay independent. */
+export declare const HEADER_TEXT_PARAMETER_PREFIX = "header:";
+export declare const COUPON_CODE_TOKEN = "coupon_code";
+/** WhatsApp limit for the code of a COPY_CODE button. */
+export declare const COUPON_CODE_MAX_LENGTH = 15;
+export declare const buttonParameterId: (buttonIndex: number, token: string) => string;
+export declare const parseButtonParameterId: (paramId: string) => {
+    buttonIndex: number;
+    token: string;
+} | null;
+export declare const templateParameterToken: (paramId: string) => string;
+export declare const HEADER_IMAGE_PARAMETER = "header_image";
+export declare const HEADER_DOCUMENT_PARAMETER = "header_document";
+/**
+ * File name WhatsApp shows on a document header, taken from the last path segment of its URL.
+ * Portal uploads are stored as `<yyyy-mm-dd>_<name>`, so that date prefix is dropped.
+ */
+export declare const documentFileNameFromUrl: (url: string) => string;
+/** Parameters of a single template button: URL variables, or the code of a COPY_CODE button. */
+export declare const getButtonParameters: (button: any, buttonIndex: number) => string[];
 export declare const getTemplateParameters: (component: any) => string[];
+/** Builds the WhatsApp `components` payload for a template from the values entered in the portal. */
+export declare const buildTemplateSubmissionComponents: (definitions: any[], parameterValues: Record<string, string>) => any[];
 export declare const mapSavedComponentsToParameters: (savedComponents: any[], definitions: any[]) => Record<string, string>;

package/src/app/contact/components/ImportProgressDialog.d.ts

@@ -1,13 +0,0 @@
-import { JobStatus } from '../../../graphql.autogenerated';
-type ImportProgressDialogProps = {
-    isOpen: boolean;
-    progress: number;
-    status: JobStatus;
-    onClose: () => void;
-    rtl: boolean;
-    title?: string;
-    completedTitle?: string;
-    failedTitle?: string;
-};
-declare const ImportProgressDialog: ({ isOpen, progress, status, onClose, rtl, title, completedTitle, failedTitle, }: ImportProgressDialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default ImportProgressDialog;

package/src/app/managemnet/components/channels/EditChannelDialog.d.ts

@@ -1,11 +0,0 @@
-interface EditChannelDialogProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onSuccess: () => void;
-    channelId: string;
-    channelType: string;
-    channelTypeName: string;
-    rtl?: boolean;
-}
-declare const EditChannelDialog: ({ isOpen, onClose, onSuccess, channelId, channelType, rtl }: EditChannelDialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default EditChannelDialog;

package/src/app/onboarding/utils/onboardingChecklistPersistence.d.ts

@@ -1,18 +0,0 @@
-/**
- * Durable persistence for onboarding checklist data (state + dismissed flag).
- *
- * Backed by cookies on purpose: logout runs `auth.clearAllAppStorage()` which wipes
- * localStorage/sessionStorage but NOT cookies, so progress and the "finished" flag
- * survive a logout → login cycle (same browser).
- *
- * This is a temporary stand-in for a backend-owned onboarding record. When the backend
- * returns the flag + progress, swap the implementation of `onboardingChecklistStore`
- * (or its call sites) for the server-backed read/writes — the get/set/remove shape
- * matches the localStorage util so the change stays local.
- */
-/** Cookie-backed store mirroring the localStorage util's get/set/remove shape. */
-export declare const onboardingChecklistStore: {
-    get(key: string): unknown;
-    set(key: string, value: unknown): void;
-    remove(key: string): void;
-};