@saasquatch/mint-components 1.12.0-1 → 1.12.0-10

package/dist/types/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.d.ts

@@ -1,8 +1,10 @@
 export interface WidgetEmailVerificationViewProps {
   states: {
-    error: string;
+    error: boolean;
+    initialLoading: boolean;
     loading: boolean;
     email: string;
+    sendCodeError: boolean;
   };
   callbacks: {
     submitEmail: (e: any) => Promise<void>;
@@ -11,6 +13,9 @@ export interface WidgetEmailVerificationViewProps {
     verifyEmailHeaderText: string;
     sendCodeText: string;
     emailLabel: string;
+    sendCodeErrorHeader: string;
+    sendCodeErrorDescription: string;
+    emailValidationErrorText: string;
   };
 }
 export declare function WidgetEmailVerificationView(props: WidgetEmailVerificationViewProps): any;

package/dist/types/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification.d.ts

@@ -9,9 +9,13 @@ export declare class WidgetEmailVerification {
    */
   verifyEmailHeaderText: string;
   /**
-   * @uiName Verify email error text
+   * @uiName Send code to email alert header
    */
-  errorText: string;
+  sendCodeErrorHeader: string;
+  /**
+   * @uiName Send code to email alert description
+   */
+  sendCodeErrorDescription: string;
   /**
    * @uiName Email input label
    */
@@ -20,6 +24,10 @@ export declare class WidgetEmailVerification {
    * @uiName Send code button text
    */
   sendCodeText: string;
+  /**
+   * @uiName Send code button text
+   */
+  emailValidationErrorText: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-widget-verification/sqm-email-verification/useEmailVerification.d.ts

@@ -1,7 +1,8 @@
 import { WidgetEmailVerification } from "./sqm-email-verification";
 import { WidgetEmailVerificationViewProps } from "./sqm-email-verification-view";
-export declare const VerificationEmailMutation: string;
-export declare function useVerificationEmailMutation(): readonly [() => Promise<any>, {
+export declare const UpsertUserEmailMutation: string;
+export declare const UserLookupQuery: string;
+export declare function useUpsertUserEmail(): readonly [(email: string) => Promise<any>, {
   readonly loading: boolean;
   readonly data: any;
   readonly errors: import("@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery").GraphQlRequestError<any>;

package/dist/types/components/sqm-widget-verification/sqm-widget-verification-internal.d.ts

@@ -1,5 +1,20 @@
 export declare class WidgetVerificationInternal {
+  emailStep_verifyEmailHeaderText: string;
+  emailStep_sendCodeErrorHeader: string;
+  emailStep_sendCodeErrorDescription: string;
+  emailStep_emailLabel: string;
+  emailStep_sendCodeText: string;
+  emailStep_emailValidationErrorText: string;
+  codeStep_verifyCodeHeaderText: string;
+  codeStep_reverifyCodeHeaderText: string;
+  codeStep_resendCodeText: string;
+  codeStep_resendCodeLabel: string;
+  codeStep_codeResentSuccessfullyText: string;
+  codeStep_invalidCodeText: string;
+  codeStep_verifyText: string;
+  codeStep_networkErrorMessage: string;
   constructor();
   disconnectedCallback(): void;
+  getStepTextProps(prefix: string): {};
   render(): any;
 }

package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts

@@ -1,7 +1,86 @@
 /**
  * @uiName Widget Verification Gate
+ * @slots [{"name":"not-verified","title":"Not verified template"},{"name":"verified","title":"Verified template"}]
+ * @canvasRenderer always-replace
+ * @exampleGroup Widget Verification
+ * @example Widget Verification Gate - <sqm-widget-verification><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification>
  */
 export declare class WidgetVerification {
+  /**
+   * @uiName Verify email widget header text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_verifyEmailHeaderText: string;
+  /**
+   * @uiName Send code to email alert header
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeErrorHeader: string;
+  /**
+   * @uiName Send code to email alert description
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeErrorDescription: string;
+  /**
+   * @uiName Email input label
+   * @uiGroup Email Verification Step
+   */
+  emailStep_emailLabel: string;
+  /**
+   * @uiName Send code button text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_sendCodeText: string;
+  /**
+   * @uiName Send code button text
+   * @uiGroup Email Verification Step
+   */
+  emailStep_emailValidationErrorText: string;
+  /**
+   * @uiName Verify code widget header text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_verifyCodeHeaderText: string;
+  /**
+   * @uiName Reverify code widget header text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_reverifyCodeHeaderText: string;
+  /**
+   * Text displayed under verify button
+   * @uiName Resend code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_resendCodeText: string;
+  /**
+   * The link that appears in the resend code link
+   * @uiName Resend code label
+   * @uiGroup Code Verification Step
+   */
+  codeStep_resendCodeLabel: string;
+  /**
+   * Link text displayed under verify button
+   * @uiName Resend code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_codeResentSuccessfullyText: string;
+  /**
+   * Error text displayed under verification input
+   * @uiName Invalid code text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_invalidCodeText: string;
+  /**
+   * @uiName Verify code button text
+   * @uiGroup Code Verification Step
+   */
+  codeStep_verifyText: string;
+  /**
+   * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+   * @uiName Network error message
+   * @uiGroup Code Verification Step
+   */
+  codeStep_networkErrorMessage: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-widget-verification/useVerificationEmail.d.ts

@@ -0,0 +1,14 @@
+export declare function useVerificationEmail(): {
+  initialized: boolean;
+  send: readonly [() => Promise<any>, {
+    readonly loading: boolean;
+    readonly errors: import("@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery").GraphQlRequestError<any>;
+  }];
+  verify: readonly [(code: string) => Promise<{
+    success: boolean;
+    accessKey: string | undefined;
+  }>, {
+    readonly loading: boolean;
+    readonly errors: import("@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery").GraphQlRequestError<any>;
+  }];
+};

package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts

@@ -57,6 +57,7 @@ export declare const TaxAndCashDashboardIndirectTaxSpain: () => any;
 export declare const TaxAndCashDashboardIndirectTaxNotRegistered: () => any;
 export declare const TaxAndCashDashboardIdentityVerifcationRequired: () => any;
 export declare const TaxAndCashDashboardNewTaxForm: () => any;
+export declare const TaxAndCashDashboardPayoutsOnHold: () => any;
 export declare const TaxAndCashDashboardLoading: () => any;
 export declare const TaxAndCashDashboardWithLoadingError: () => any;
 export declare const TaxAndCashDashboardWithGeneralError: () => any;

package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.d.ts

@@ -64,6 +64,7 @@ export interface BankingInfoFormViewProps {
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
     setCountrySearch: (c: any) => void;
+    onVerification: (token: string) => void;
   };
   text: {
     formStep: string;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts

@@ -4,5 +4,7 @@ declare const _default: {
 export default _default;
 export declare const InformationRequired: () => any;
 export declare const VerifyIdentity: () => any;
+export declare const VerifyIdentityOpen: () => any;
 export declare const Hold: () => any;
 export declare const Loading: () => any;
+export declare const Error: () => any;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts

@@ -1,8 +1,18 @@
 import { PayoutStatus } from "./usePayoutStatus";
 export interface PayoutStatusAlertViewProps {
   states: {
+    error: boolean;
     loading: boolean;
     status: PayoutStatus;
+    showVerifyIdentity: boolean;
+  };
+  data: {
+    type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";
+  };
+  callbacks: {
+    onClick: () => void;
+    onTermsClick: () => void;
+    onCancel: () => void;
   };
   text: {
     informationRequiredHeader: string;
@@ -13,6 +23,8 @@ export interface PayoutStatusAlertViewProps {
     verificationRequiredButtonText: string;
     holdHeader: string;
     holdDescription: string;
+    errorHeader: string;
+    errorDescription: string;
   };
 }
 export declare function PayoutStatusAlertView(props: PayoutStatusAlertViewProps): any;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts

@@ -1,14 +1,55 @@
 import { DemoData } from "../../../global/demo";
 import { PayoutStatusAlertViewProps } from "./sqm-payout-status-alert-view";
+/**
+ * @uiName Payout Status Alert
+ * @exampleGroup Tax and Cash
+ * @example Payout Status Alert - <sqm-payout-status-alert></sqm-payout-status-alert>
+ */
 export declare class PayoutStatusAlert {
+  /**
+   * @uiName Info required alert header
+   */
   informationRequiredHeader: string;
+  /**
+   * @uiName Info required alert description
+   */
   informationRequiredDescription: string;
+  /**
+   * @uiName Info required alert button text
+   */
   informationRequiredButtonText: string;
+  /**
+   * @uiName Verification required alert header
+   */
   verificationRequiredHeader: string;
+  /**
+   * @uiName Verification required alert description
+   */
   verificationRequiredDescription: string;
+  /**
+   * @uiName Verification required alert button text
+   */
   verificationRequiredButtonText: string;
+  /**
+   * @uiName Payout on hold alert header
+   */
   holdHeader: string;
+  /**
+   * @uiName Payout on hold alert description
+   */
   holdDescription: string;
+  /**
+   * @uiName Cash & Payouts Terms and Conditions url
+   */
+  termsUrl: string;
+  /**
+   * @uiName Error header
+   */
+  errorHeader: string;
+  /**
+   * @uiName Error description
+   */
+  errorDescription: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts

@@ -1,9 +1,21 @@
+import { UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutStatusAlert } from "./sqm-payout-status-alert";
 export declare type PayoutStatus = "INFORMATION_REQUIRED" | "VERIFICATION_NEEDED" | "HOLD" | "DONE";
+export declare function getStatus(data: UserQuery): PayoutStatus;
 export declare function usePayoutStatus(props: PayoutStatusAlert): {
   states: {
     loading: boolean;
     status: PayoutStatus;
+    showVerifyIdentity: boolean;
+    error: boolean;
+  };
+  data: {
+    type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";
   };
   text: PayoutStatusAlert;
+  callbacks: {
+    onTermsClick: () => void;
+    onClick: () => void;
+    onCancel: () => void;
+  };
 };

package/dist/types/components/tax-and-cash/sqm-tax-and-cash/data.d.ts

@@ -66,6 +66,7 @@ export declare type ImpactPublisher = {
   };
   payoutsAccount: {
     hold: boolean;
+    holdReasons: string[];
     balance: string;
   };
 };
@@ -78,6 +79,11 @@ export declare type UserQuery = {
     customFields?: {
       [key: string]: any;
     };
+    managedIdentity?: {
+      uid: string;
+      email: string;
+      emailVerified: boolean;
+    } | null;
     impactConnection: null | {
       connected: boolean;
       user: {

package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts

@@ -721,14 +721,14 @@ export declare class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    * @uiWidget textArea
    */
-  dashboard_errorTitleText: string;
+  payoutHoldAlertHeader: string;
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
    * @uiName Payout error message description
    * @uiGroup Dashboard Properties
    * @uiWidget textArea
    */
-  dashboard_errorDescriptionText: string;
+  payoutHoldAlertDescription: string;
   /**
    * Text displayed for existing publishers that do not have saved banking information.
    * @uiName Payout missing information subtext

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts

@@ -1,5 +1,6 @@
 import { VNode } from "../../../stencil-public-runtime";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { PayoutStatus } from "../sqm-payout-status-alert/usePayoutStatus";
 export interface TaxAndCashDashboardProps {
   states: {
     status?: string;
@@ -23,6 +24,9 @@ export interface TaxAndCashDashboardProps {
     showNewFormDialog: boolean;
     showIdentityVerificationDialog?: boolean;
     identiyRequired?: boolean;
+    hasHold: boolean;
+    payoutStatus: PayoutStatus;
+    showVerifyIdentity: boolean;
     errors?: {
       general?: boolean;
     };
@@ -35,6 +39,7 @@ export interface TaxAndCashDashboardProps {
     onEditPayoutInfo: () => void;
     onNewFormCancel: () => void;
     onNewFormClick: () => void;
+    onVerifyIdentityCancel: () => void;
   };
   text: {
     statusTextActive?: string;
@@ -49,8 +54,6 @@ export interface TaxAndCashDashboardProps {
     taxAlertHeaderNotActiveW8?: string;
     taxAlertNotActiveMessageW9?: string;
     taxAlertNotActiveMessageW8?: string;
-    verifyIdentityAlertHeader?: string;
-    verifyIdentityAlertMessage?: string;
     bankingInformationSectionHeader: string;
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
@@ -83,8 +86,12 @@ export interface TaxAndCashDashboardProps {
     invoiceEmptyStateText: string;
     replaceTaxFormModalHeader: string;
     replaceTaxFormModalBodyText: string;
+    payoutHoldAlertHeader: string;
+    payoutHoldAlertDescription: string;
+    verificationRequiredHeader: string;
+    verificationRequiredDescription: string;
+    verificationRequiredButtonText: string;
     cancelButton: string;
-    verifyIdentityButton: string;
     error: {
       generalTitle: string;
       generalDescription: string;

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts

@@ -63,18 +63,6 @@ export declare class TaxAndCashDashboard {
    * @uiName Inactive W-8 error message description
    */
   taxAlertNotActiveMessageW8?: string;
-  /**
-   * Part of the alert displayed at the top of the page.
-   *
-   * @uiName Verify identity warning message header
-   */
-  verifyIdentityAlertHeader?: string;
-  /**
-   * Part of the alert displayed at the top of the page.
-   *
-   * @uiName Verify identity warning message description
-   */
-  verifyIdentityAlertMessage?: string;
   /**
    * Additional text displayed next to the tax form's status badge.
    *
@@ -179,18 +167,35 @@ export declare class TaxAndCashDashboard {
    * @uiName Payout error message title
    * @uiWidget textArea
    */
-  errorTitleText: string;
+  payoutHoldAlertHeader: string;
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
    * @uiName Payout error message description
    * @uiWidget textArea
    */
-  errorDescriptionText: string;
+  payoutHoldAlertDescription: string;
   /**
    * Text displayed for existing publishers that do not have saved banking information.
    * @uiName Payout missing information subtext
    */
   payoutMissingInformationText: string;
+  /**
+   * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+   * @uiName Verification required alert message title
+   * @uiWidget textArea
+   */
+  verificationRequiredHeader: string;
+  /**
+   * Part of the alert displayed at the top of the page when the user needs to verify their identity
+   * @uiName Verification required alert message description
+   * @uiWidget textArea
+   */
+  verificationRequiredDescription: string;
+  /**
+   * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+   * @uiName Verification required alert button text
+   */
+  verificationRequiredButtonText: string;
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
@@ -275,10 +280,6 @@ export declare class TaxAndCashDashboard {
    * @uiName Cancel button label
    */
   cancelButton: string;
-  /**
-   * @uiName Verify button label
-   */
-  verifyIdentityButton: string;
   /**
    * @undocumented
    * @uiType object