@saasquatch/mint-components 1.13.0-9 → 1.13.0

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

@@ -0,0 +1,10 @@
+import { WidgetEmailVerification } from "./sqm-email-verification";
+import { WidgetEmailVerificationViewProps } from "./sqm-email-verification-view";
+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>;
+}];
+export declare function useWidgetEmailVerification(props: WidgetEmailVerification): WidgetEmailVerificationViewProps;

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

@@ -0,0 +1,12 @@
+/**
+ * @uiName Widget Verification Controller
+ * @slots [{"name":"not-verified","title":"Not Verified template"},{"name":"verified","title":"Verified template"}]
+ * @canvasRenderer always-replace
+ * @exampleGroup Widget Verification
+ * @example Widget Verification Controller - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
+ */
+export declare class WidgetVerificationController {
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,96 @@
+/**
+ * @uiName Widget Verification Flow
+ * @exampleGroup Widget Verification
+ * @example Widget Verification Flow - <sqm-widget-verification></sqm-widget-verification>
+ */
+export declare class WidgetVerification {
+  /**
+   * @uiName General verify widget header text
+   * @uiGroup General Text
+   */
+  general_verifyEmailHeader: string;
+  /**
+   * @uiName General verify widget description text
+   * @uiGroup General Text
+   */
+  general_verifyEmailDescription: string;
+  /**
+   * @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;
+  getStepTextProps<T extends string>(prefix: T): { [K in keyof this as K extends `${T}${infer Suffix}` ? `${Suffix}` : never]: this[K]; };
+  render(): any;
+}

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

@@ -0,0 +1,15 @@
+export declare function useVerificationEmail(): {
+  initialized: boolean;
+  verificationEmail: string;
+  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/sqm-widget-verification/useWidgetVerification.d.ts

@@ -0,0 +1,5 @@
+export declare function useWidgetVerification(): {
+  showCode: boolean;
+  onVerification: () => void;
+  loading: boolean;
+};

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

@@ -24,3 +24,4 @@ export declare const BankingInfoFormWithBalanceThresholdPaymentScheduleLoading:
 export declare const BankingInfoFormWithFixedDayPaymentSchedule: () => any;
 export declare const BankingInfoFormWithFixedDayPaymentScheduleWithError: () => any;
 export declare const BankingInfoFormWithFixedDayPaymentScheduleLoading: () => any;
+export declare const BankingInfoFormVerififyIdentityModal: () => any;

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

@@ -42,6 +42,7 @@ export declare const StepFourDefault: () => any;
 export declare const StepFourIsPartner: () => any;
 export declare const StepFourDirectToBankChecked: () => any;
 export declare const StepFourToPaypalChecked: () => any;
+export declare const StepFourReVerifyEmail: () => any;
 export declare const TaxAndCashDashboardActiveW9Form: () => any;
 export declare const TaxAndCashDashboardActiveW8BENForm: () => any;
 export declare const TaxAndCashDashboardActiveW8BENEForm: () => any;
@@ -55,7 +56,12 @@ export declare const TaxAndCashDashboardIndirectTaxCanada: () => any;
 export declare const TaxAndCashDashboardIndirectTaxCanadaQuebec: () => any;
 export declare const TaxAndCashDashboardIndirectTaxSpain: () => any;
 export declare const TaxAndCashDashboardIndirectTaxNotRegistered: () => any;
+export declare const TaxAndCashDashboardIdentityVerifcationRequired: () => any;
+export declare const TaxAndCashDashboardIdentityVerifcationRequiredInternal: () => any;
+export declare const TaxAndCashDashboardIdentityVerifcationReviewInternal: () => any;
+export declare const TaxAndCashDashboardIdentityVerifcationFailedInternal: () => 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/eventKeys.d.ts

@@ -0,0 +1 @@
+export declare const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";

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

@@ -2,6 +2,7 @@ import { VNode } from "../../../stencil-public-runtime";
 import { BankingInfoFormData } from "./useBankingInfoForm";
 export interface BankingInfoFormViewProps {
   states: {
+    showVerification: boolean;
     step?: string;
     locale?: string;
     loading: boolean;
@@ -46,8 +47,10 @@ export interface BankingInfoFormViewProps {
     showInputs?: boolean;
     bankCountry?: string;
     countrySearch?: string;
+    email?: string;
   };
   slots?: {
+    verificationDialogSlot?: VNode;
     formInputsSlot?: VNode[];
     countryInputSlot?: VNode;
     paymentMethodSlot?: VNode;
@@ -56,6 +59,7 @@ export interface BankingInfoFormViewProps {
     paypalInputSlot?: VNode;
   };
   callbacks: {
+    onVerificationHide: () => void;
     setPaymentMethodChecked: (paymentMethodChecked: "toBankAccount" | "toPayPalAccount") => void;
     setPaymentScheduleChecked: (paymentMethodChecked: "BALANCE_THRESHOLD" | "FIXED_DAY") => void;
     onSubmit: (props: any) => Promise<void>;
@@ -63,6 +67,7 @@ export interface BankingInfoFormViewProps {
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
     setCountrySearch: (c: any) => void;
+    onVerification: (token: string) => void;
   };
   text: {
     formStep: string;
@@ -85,6 +90,9 @@ export interface BankingInfoFormViewProps {
     paymentDayFifteenthOfMonthLabelText: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
+    supportLink: string;
+    verifyEmailHeaderText: string;
+    verifyEmailDescriptionText: string;
     error: {
       generalTitle: string;
       generalDescription: string;

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

@@ -203,6 +203,15 @@ export declare class BankingInfoForm {
    * @uiWidget textArea
    */
   isPartnerAlertDescription: string;
+  /**
+   * Text for verify email dialog
+   * @uiName Verify email header
+   */
+  verifyEmailHeaderText: string;
+  /**
+   * @uiName Verify code widget header text
+   */
+  verifyEmailDescriptionText: string;
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
@@ -225,6 +234,10 @@ export declare class BankingInfoForm {
    * @uiName Form field error message
    */
   fieldInvalidError: string;
+  /**
+   * @uiName Support link text
+   */
+  supportLink: string;
   /**
    * @uiName Continue button label
    */

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

@@ -44,6 +44,7 @@ export interface DocusignFormViewProps {
     individualParticipant: string;
     participantType: string;
     taxAndPayoutsDescription: string;
+    supportLink: string;
     error: {
       generalTitle: string;
       generalDescription: string;

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

@@ -27,6 +27,10 @@ export declare class DocusignForm {
    * @uiWidget textArea
    */
   taxFormDescription: string;
+  /**
+   * @uiName Support link text
+   */
+  supportLink: string;
   /**
    * Displayed at the top of the page to individuals joining a US program who reside outside the country.
    * @uiName W-8 BEN tax form description

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

@@ -28,7 +28,7 @@ export declare function useDocusignForm(props: DocusignForm): {
     documentUrl: string;
   };
   callbacks: {
-    setDocusignStatus: (value: "ttl_expired" | "signing_complete" | "cancel" | "delete" | "exception" | "fax_pending" | "session_timeout" | "viewing_complete" | ((prev: DocusignStatus) => DocusignStatus)) => void;
+    setDocusignStatus: (value: "cancel" | "ttl_expired" | "signing_complete" | "delete" | "exception" | "fax_pending" | "session_timeout" | "viewing_complete" | ((prev: DocusignStatus) => DocusignStatus)) => void;
     completeDocument: () => Promise<void>;
     onExit: () => void;
     setParticipantType: (value: "individualParticipant" | "businessEntity" | ((prev: "individualParticipant" | "businessEntity") => "individualParticipant" | "businessEntity")) => void;

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

@@ -38,6 +38,7 @@ export interface IndirectTaxFormViewProps {
     continueButton: string;
     backButton: string;
     taxAndPayoutsDescription: string;
+    supportLink: string;
     error: {
       generalTitle: string;
       generalDescription: string;

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

@@ -121,6 +121,10 @@ export declare class IndirectTaxForm {
    * @uiName Continue button label
    */
   continueButton: string;
+  /**
+   * @uiName Support link text
+   */
+  supportLink: string;
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title

package/dist/types/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Loading: () => any;
-export declare const Error: () => any;
 export declare const NextPayout: () => any;
 export declare const PayoutToday: () => any;
 export declare const ThresholdPayout: () => any;

package/dist/types/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.d.ts

@@ -18,10 +18,6 @@ export interface PayoutDetailsCardViewProps {
     statusBadgeText: string;
     accountText: string;
     payoutMissingInformationText: string;
-    error: {
-      errorTitleText: string;
-      errorDescriptionText: string;
-    };
   };
 }
 export declare function PayoutDetailsCardView(props: PayoutDetailsCardViewProps): any;

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

@@ -19,16 +19,6 @@ export declare class PayoutDetailsCard {
    * @uiName Bank account field label
    */
   accountText: string;
-  /**
-   * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
-   * @uiName Payout error message title
-   */
-  errorTitleText: 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
-   */
-  errorDescriptionText: string;
   /**
    * Text displayed for existing publishers that do not have saved banking information.
    * @uiName Payout missing information subtext
@@ -40,11 +30,6 @@ export declare class PayoutDetailsCard {
   demoData?: DemoData<any>;
   constructor();
   disconnectedCallback(): void;
-  getTextProps(): this & {
-    error: {
-      errorTitleText: string;
-      errorDescriptionText: string;
-    };
-  };
+  getTextProps(): this;
   render(): any;
 }

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

@@ -0,0 +1,12 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const InformationRequired: () => any;
+export declare const VerifyIdentity: () => any;
+export declare const VerifyIdentityRequiredInternal: () => any;
+export declare const VerifyIdentityReviewInternal: () => any;
+export declare const VerifyIdentityFailedInternal: () => 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

@@ -0,0 +1,36 @@
+import { PayoutStatus } from "./usePayoutStatus";
+export interface PayoutStatusAlertViewProps {
+  states: {
+    error: boolean;
+    loading: boolean;
+    status: PayoutStatus;
+    veriffLoading: boolean;
+  };
+  data: {
+    type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";
+  };
+  callbacks: {
+    onClick: () => void;
+    onTermsClick: () => void;
+  };
+  text: {
+    informationRequiredHeader: string;
+    informationRequiredDescription: string;
+    informationRequiredButtonText: string;
+    verificationRequiredHeader: string;
+    verificationRequiredDescription: string;
+    verificationRequiredButtonText: string;
+    verificationRequiredInternalHeader: string;
+    verificationRequiredInternalDescription: string;
+    verificationReviewInternalHeader: string;
+    verificationReviewInternalDescription: string;
+    verificationFailedInternalHeader: string;
+    verificationFailedInternalDescription: string;
+    holdHeader: string;
+    holdDescription: string;
+    supportLink: 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

@@ -0,0 +1,90 @@
+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 Verification required internal alert header
+   */
+  verificationRequiredInternalHeader: string;
+  /**
+   * @uiName Verification required internal alert description
+   */
+  verificationRequiredInternalDescription: string;
+  /**
+   * @uiName Verification review internal alert header
+   */
+  verificationReviewInternalHeader: string;
+  /**
+   * @uiName Verification review internal alert description
+   */
+  verificationReviewInternalDescription: string;
+  /**
+   * @uiName Verification failed internal alert header
+   */
+  verificationFailedInternalHeader: string;
+  /**
+   * @uiName Verification failed internal alert description
+   */
+  verificationFailedInternalDescription: string;
+  /**
+   * @uiName Payout on hold alert header
+   */
+  holdHeader: string;
+  /**
+   * @uiName Payout on hold alert description
+   */
+  holdDescription: string;
+  /**
+   * @uiName Cash & Payouts Microsite Page (only set if alert is used in a microsite)
+   */
+  cashPayoutsPageUrl: string;
+  /**
+   * @uiName Support link text
+   */
+  supportLink: string;
+  /**
+   * @uiName Error header
+   */
+  errorHeader: string;
+  /**
+   * @uiName Error description
+   */
+  errorDescription: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<PayoutStatusAlertViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  getTextProps(): this;
+  render(): any;
+}

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

@@ -0,0 +1,20 @@
+import { UserQuery } from "../sqm-tax-and-cash/data";
+import { PayoutStatusAlert } from "./sqm-payout-status-alert";
+export declare type PayoutStatus = "INFORMATION_REQUIRED" | "VERIFICATION:REQUIRED" | "VERIFICATION:INTERNAL" | "VERIFICATION:REVIEW" | "VERIFICATION:FAILED" | "HOLD" | "DONE";
+export declare function getStatus(data: UserQuery): PayoutStatus;
+export declare function usePayoutStatus(props: PayoutStatusAlert): {
+  states: {
+    loading: boolean;
+    veriffLoading: boolean;
+    status: PayoutStatus;
+    error: boolean;
+  };
+  data: {
+    type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";
+  };
+  text: PayoutStatusAlert;
+  callbacks: {
+    onTermsClick: () => void;
+    onClick: () => Promise<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/extractProps.d.ts

@@ -4,4 +4,8 @@
  * @param prefix Prefix denoting which group the text prop belongs to
  * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
  */
-export declare function extractProps(props: object, prefix: string): {};
+export declare function extractProps<X extends object, T extends string>(props: X, prefix: T): PickPrefix<X, T>;
+declare type PickPrefix<Object, Prefix extends string> = {
+  [K in keyof Object as K extends `${Prefix}${infer Suffix}` ? `${Suffix}` : never]: Object[K];
+};
+export {};