// @ts-nocheck
import { h } from "@stencil/core";
import { indirectDetailsSlotText } from "../defaultTextCopy";
import { DocusignExpiredView } from "./DocusignExpiredView";
import { OtherRegionSlotView, } from "./IndirectTaxDetailsView";
export default {
  title: "Components/Tax Form Slot Views",
};
const registeredInOtherRegion = {
  states: {
    loading: false,
    hide: false,
    formState: {
      selectedRegion: "United Kindom",
      vatNumber: 12345,
      countryCode: "UK",
    },
  },
  data: {
    countries: [{ countryCode: "CA", displayName: "Canada" }],
  },
  text: indirectDetailsSlotText,
};
const registeredInCanada = {
  states: {
    loading: false,
    hide: false,
    formState: {
      province: "British Columbia",
      indirectTaxNumber: 1234,
    },
  },
  data: {
    countries: [{ countryCode: "CA", displayName: "Canada" }],
  },
  text: indirectDetailsSlotText,
};
export const RegisteredInOtherRegion = () => {
  return h(OtherRegionSlotView, Object.assign({}, registeredInOtherRegion));
};
export const RegisteredInCanada = () => {
  return h(IndirectDetailsSlotView, Object.assign({}, registeredInCanada));
};
export const RegisteredInOtherRegionWithErrors = () => {
  return (h(OtherRegionSlotView, Object.assign({}, registeredInOtherRegion, { states: {
      ...registeredInOtherRegion.states,
      formState: {
        ...registeredInOtherRegion.states.formState,
        errors: {
          vatNumber: true,
          selectedRegion: true,
        },
      },
    } })));
};
export const RegisteredInCanadaWithErrors = () => {
  return (h(IndirectDetailsSlotView, Object.assign({}, registeredInCanada, { states: {
      ...registeredInCanada.states,
      formState: {
        ...registeredInCanada.states.formState,
        errors: {
          province: true,
          indirectTaxNumber: true,
        },
      },
    } })));
};
export const DocusignExpired = () => {
  return h(DocusignExpiredView, null);
};
