@calcom/atoms 2.7.2 → 2.8.1

package/src/selected-calendars/wrappers/selected-calendars-settings-platform-wrapper.tsx

@@ -1,462 +0,0 @@
-// @ts-nocheck — wrapper/hook reconciles loose atoms contracts with legacy
-// backend payload shapes (unknowns from Record<string, any> branches, Radix
-// prop-pick narrowing). Runtime matches pre-extract behavior; a targeted
-// typing pass follows once the contracts are tightened per-consumer.
-
-import { useState } from "react";
-import { AtomsWrapper } from "../../components/atoms-wrapper";
-import { Alert } from "../../components/ui/alert";
-import { AppListCard } from "../../components/ui/app-list-card";
-import { Button, type ButtonProps } from "../../components/ui/button";
-import { CalendarSwitchComponent, type ICalendarSwitchProps } from "../../components/ui/calendar-switch";
-import { DisconnectIntegrationComponent } from "../../components/ui/disconnect-calendar-integration";
-import { Dropdown, DropdownMenuContent, DropdownMenuTrigger } from "../../components/ui/dropdown";
-import { Switch } from "../../components/ui/switch";
-import { useToast } from "../../components/ui/use-toast";
-import * as Connect from "../../connect";
-import { AppleConnect } from "../../connect/apple/apple-connect";
-import type { CALENDARS } from "../../constants";
-import { useAddSelectedCalendar } from "../../hooks/calendars/use-add-selected-calendar";
-import { useDeleteCalendarCredentials } from "../../hooks/calendars/use-delete-calendar-credentials";
-import { useRemoveSelectedCalendar } from "../../hooks/calendars/use-remove-selected-calendar";
-import { useAtomsLocale as useLocale } from "../../hooks/use-atoms-locale";
-import { useConnectedCalendars } from "../../hooks/use-connected-calendars";
-import { cn } from "../../lib/utils";
-import { SelectedCalendarsSettings } from "../selected-calendars-settings";
-
-export type CalendarRedirectUrls = {
-  google?: string;
-  outlook?: string;
-};
-
-export type SelectedCalendarsClassNames = {
-  container?: string;
-  header?: {
-    container?: string;
-    title?: string;
-    description?: string;
-  };
-  selectedCalendarsListClassNames?: {
-    container?: string;
-    selectedCalendar?: {
-      container?: string;
-      header?: {
-        container?: string;
-        title?: string;
-        description?: string;
-      };
-      body?: {
-        container?: string;
-        description?: string;
-      };
-    };
-  };
-  noSelectedCalendarsMessage?: string;
-};
-
-type SelectedCalendarsSettingsPlatformWrapperProps = {
-  classNames?: string;
-  classNamesObject?: SelectedCalendarsClassNames;
-  calendarRedirectUrls?: CalendarRedirectUrls;
-  allowDelete?: boolean;
-  isDryRun?: boolean;
-};
-
-export const SelectedCalendarsSettingsPlatformWrapper = ({
-  classNames = "mx-5 mb-6",
-  calendarRedirectUrls,
-  allowDelete,
-  isDryRun,
-  classNamesObject,
-}: SelectedCalendarsSettingsPlatformWrapperProps) => {
-  const { t } = useLocale();
-  const query = useConnectedCalendars({});
-
-  if (query.isPending) {
-    return (
-      <AtomsWrapper>
-        <div />
-      </AtomsWrapper>
-    );
-  }
-
-  if (query.isError) {
-    return (
-      <AtomsWrapper>
-        <div>
-          <Alert severity="error" title="Something went wrong" message={query.error.message} />
-        </div>
-      </AtomsWrapper>
-    );
-  }
-
-  const data = query.data;
-  const destinationCalendarId = data.destinationCalendar.externalId;
-
-  if (!data.connectedCalendars.length) {
-    return (
-      <AtomsWrapper>
-        <div>
-          <SelectedCalendarsSettings classNames={classNamesObject?.container || classNames}>
-            <SelectedCalendarsSettingsHeading
-              classNames={classNamesObject?.header}
-              calendarRedirectUrls={calendarRedirectUrls}
-              isDryRun={isDryRun}
-            />
-            <h1 className={cn("px-6 py-4 text-base leading-5", classNamesObject?.noSelectedCalendarsMessage)}>
-              No connected calendars found.
-            </h1>
-          </SelectedCalendarsSettings>
-        </div>
-      </AtomsWrapper>
-    );
-  }
-
-  return (
-    <AtomsWrapper>
-      <div>
-        <SelectedCalendarsSettings classNames={classNamesObject?.container || classNames}>
-          <SelectedCalendarsSettingsHeading
-            classNames={classNamesObject?.header}
-            calendarRedirectUrls={calendarRedirectUrls}
-            isDryRun={isDryRun}
-          />
-          <List
-            noBorderTreatment
-            className={classNamesObject?.selectedCalendarsListClassNames?.container || "p-6 pt-2"}
-          >
-            {data.connectedCalendars.map((connectedCalendar) => {
-              if (!!connectedCalendar.calendars && connectedCalendar.calendars.length > 0) {
-                return (
-                  <AppListCard
-                    key={`list-${connectedCalendar.credentialId}-${connectedCalendar.integration.slug}`}
-                    shouldHighlight
-                    slug={connectedCalendar.integration.slug}
-                    title={connectedCalendar.integration.name}
-                    logo={`https://app.cal.com${connectedCalendar.integration.logo}`}
-                    description={
-                      connectedCalendar.primary?.email ?? connectedCalendar.integration.description
-                    }
-                    classNameObject={{
-                      container: cn(
-                        "border-subtle mt-4 rounded-lg border",
-                        classNamesObject?.selectedCalendarsListClassNames?.selectedCalendar?.container
-                      ),
-                      title:
-                        classNamesObject?.selectedCalendarsListClassNames?.selectedCalendar?.header?.title,
-                      description:
-                        classNamesObject?.selectedCalendarsListClassNames?.selectedCalendar?.header
-                          ?.description,
-                    }}
-                    actions={
-                      <div className="flex w-32 justify-end">
-                        {allowDelete && !connectedCalendar.delegationCredentialId && (
-                          <PlatformDisconnectIntegration
-                            credentialId={connectedCalendar.credentialId}
-                            trashIcon
-                            buttonProps={{ className: "border border-default" }}
-                            slug={connectedCalendar.integration.slug}
-                            isDryRun={isDryRun}
-                          />
-                        )}
-                      </div>
-                    }
-                  >
-                    <div
-                      className={cn(
-                        "border-subtle border-t",
-                        classNamesObject?.selectedCalendarsListClassNames?.selectedCalendar?.body?.container
-                      )}
-                    >
-                      <p
-                        className={cn(
-                          "text-subtle px-5 pt-4 text-sm",
-                          classNamesObject?.selectedCalendarsListClassNames?.selectedCalendar?.body
-                            ?.description
-                        )}
-                      >
-                        {t("toggle_calendars_conflict")}
-                      </p>
-                      <ul className="stack-y-4 px-5 py-4">
-                        {connectedCalendar.calendars?.map((cal) => {
-                          return (
-                            <PlatformCalendarSwitch
-                              key={cal.externalId}
-                              externalId={cal.externalId}
-                              title={cal.name || "Nameless calendar"}
-                              name={cal.name || "Nameless calendar"}
-                              type={connectedCalendar.integration.type}
-                              isChecked={cal.isSelected}
-                              destination={cal.externalId === destinationCalendarId}
-                              credentialId={cal.credentialId}
-                              delegationCredentialId={connectedCalendar.delegationCredentialId}
-                              eventTypeId={null}
-                              isDryRun={isDryRun}
-                            />
-                          );
-                        })}
-                      </ul>
-                    </div>
-                  </AppListCard>
-                );
-              }
-              return (
-                <Alert
-                  key={`alert-${connectedCalendar.credentialId}`}
-                  severity="warning"
-                  title={t("something_went_wrong")}
-                  message={<span>{connectedCalendar.error?.message || t("calendar_error")}</span>}
-                  iconClassName="h-10 w-10 ml-2 mr-1 mt-0.5"
-                  actions={
-                    !connectedCalendar.delegationCredentialId && (
-                      <div className="flex w-32 justify-end">
-                        <PlatformDisconnectIntegration
-                          credentialId={connectedCalendar.credentialId}
-                          trashIcon
-                          buttonProps={{ className: "border border-default" }}
-                          slug={connectedCalendar.integration.slug}
-                          isDryRun={isDryRun}
-                        />
-                      </div>
-                    )
-                  }
-                />
-              );
-            })}
-          </List>
-        </SelectedCalendarsSettings>
-      </div>
-    </AtomsWrapper>
-  );
-};
-
-const SelectedCalendarsSettingsHeading = ({
-  calendarRedirectUrls,
-  isDryRun,
-  classNames,
-}: {
-  calendarRedirectUrls?: CalendarRedirectUrls;
-  isDryRun?: boolean;
-  classNames?: {
-    container?: string;
-    title?: string;
-    description?: string;
-  };
-}) => {
-  const { t } = useLocale();
-
-  return (
-    <div className={cn("border-subtle border-b p-6", classNames?.container)}>
-      <div className="flex items-center justify-between">
-        <div>
-          <h4 className={cn("text-emphasis text-base font-semibold leading-5", classNames?.title)}>
-            {t("check_for_conflicts")}
-          </h4>
-          <p className={cn("text-default text-sm leading-tight", classNames?.description)}>
-            {t("select_calendars")}
-          </p>
-        </div>
-        <div className="flex flex-col xl:flex-row xl:space-x-5">
-          <div className="flex items-center">
-            <PlatformAdditionalCalendarSelector
-              calendarRedirectUrls={calendarRedirectUrls}
-              isDryRun={isDryRun}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const PlatformDisconnectIntegration = (props: {
-  credentialId: number;
-  label?: string;
-  slug?: string;
-  trashIcon?: boolean;
-  isGlobal?: boolean;
-  onSuccess?: () => void;
-  buttonProps?: ButtonProps;
-  isDryRun?: boolean;
-}) => {
-  const { t } = useLocale();
-  const { onSuccess, credentialId, slug } = props;
-
-  const [modalOpen, setModalOpen] = useState(false);
-  const { toast } = useToast();
-  const { mutate: deleteCalendarCredentials } = useDeleteCalendarCredentials({
-    onSuccess: () => {
-      toast({
-        description: t("app_removed_successfully"),
-      });
-      setModalOpen(false);
-      if (onSuccess) onSuccess();
-    },
-    onError: () => {
-      toast({
-        description: t("error_removing_app"),
-      });
-      setModalOpen(false);
-    },
-  });
-
-  return (
-    <DisconnectIntegrationComponent
-      onDeletionConfirmation={async () => {
-        if (!props.isDryRun) setModalOpen(false);
-
-        if (props.isDryRun) {
-          toast({
-            description: t("app_removed_successfully"),
-          });
-        }
-
-        if (!props.isDryRun && slug) {
-          await deleteCalendarCredentials({
-            calendar: slug.split("-")[0] as unknown as (typeof CALENDARS)[number],
-            id: credentialId,
-          });
-        }
-      }}
-      {...props}
-      isModalOpen={modalOpen}
-      onModalOpen={() => setModalOpen((prevValue) => !prevValue)}
-    />
-  );
-};
-
-const PlatformCalendarSwitch = (props: ICalendarSwitchProps & { isDryRun?: boolean }) => {
-  const { isChecked, title, credentialId, type, externalId, delegationCredentialId } = props;
-  const [checkedInternal, setCheckedInternal] = useState(isChecked);
-  const { toast } = useToast();
-
-  const { mutate: addSelectedCalendar, isPending: isAddingSelectedCalendar } = useAddSelectedCalendar({
-    onError: (err) => {
-      toast({
-        description: `Something went wrong while adding calendar - ${title}. ${err}`,
-      });
-    },
-  });
-  const { mutate: removeSelectedCalendar, isPending: isRemovingSelectedCalendar } = useRemoveSelectedCalendar(
-    {
-      onError: (err) => {
-        toast({
-          description: `Something went wrong while removing calendar - ${title}. ${err}`,
-        });
-      },
-    }
-  );
-
-  const toggleSelectedCalendars = async ({
-    isOn,
-    credentialId,
-    integration,
-    externalId,
-  }: {
-    isOn: boolean;
-    credentialId: number;
-    integration: string;
-    externalId: string;
-  }) => {
-    if (isOn) {
-      await addSelectedCalendar({ credentialId, integration, externalId, delegationCredentialId });
-    } else {
-      await removeSelectedCalendar({
-        credentialId,
-        integration,
-        externalId,
-        delegationCredentialId,
-      });
-    }
-  };
-
-  return (
-    <CalendarSwitchComponent
-      destination={props.destination}
-      {...props}
-      isChecked={checkedInternal}
-      isLoading={isAddingSelectedCalendar || isRemovingSelectedCalendar}
-    >
-      <Switch
-        checked={checkedInternal}
-        id={externalId}
-        onCheckedChange={async () => {
-          setCheckedInternal((prevValue) => !prevValue);
-
-          if (!props.isDryRun) {
-            await toggleSelectedCalendars({
-              isOn: !checkedInternal,
-              credentialId,
-              externalId,
-              integration: type,
-            });
-          }
-        }}
-      />
-    </CalendarSwitchComponent>
-  );
-};
-
-const PlatformAdditionalCalendarSelector = ({
-  calendarRedirectUrls,
-  isDryRun,
-}: {
-  calendarRedirectUrls?: CalendarRedirectUrls;
-  isDryRun?: boolean;
-}) => {
-  const { t } = useLocale();
-  const { refetch } = useConnectedCalendars({});
-
-  return (
-    <Dropdown modal={false}>
-      <DropdownMenuTrigger asChild>
-        <Button StartIcon="plus" color="secondary" className="md:rounded-md">
-          {t("add")}
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-auto">
-        <div>
-          <div>
-            <Connect.GoogleCalendar
-              isDryRun={isDryRun}
-              isMultiCalendar={true}
-              isClickable={true}
-              tooltip={<></>}
-              redir={calendarRedirectUrls?.google ?? window.location.href}
-              label={t("add_calendar_label", { calendar: "Google" })}
-              loadingLabel={t("add_calendar_label", { calendar: "Google" })}
-              alreadyConnectedLabel={t("add_calendar_label", { calendar: "Google" })}
-              className="not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
-            />
-          </div>
-          <div>
-            <Connect.OutlookCalendar
-              isDryRun={isDryRun}
-              isMultiCalendar={true}
-              isClickable={true}
-              tooltip={<></>}
-              redir={calendarRedirectUrls?.outlook ?? window.location.href}
-              label={t("add_calendar_label", { calendar: "Outlook" })}
-              loadingLabel={t("add_calendar_label", { calendar: "Outlook" })}
-              alreadyConnectedLabel={t("add_calendar_label", { calendar: "Outlook" })}
-              className="not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
-            />
-          </div>
-          <div>
-            <AppleConnect
-              isDryRun={isDryRun}
-              onSuccess={refetch}
-              isClickable={true}
-              isMultiCalendar={true}
-              tooltip={<></>}
-              label={t("add_calendar_label", { calendar: "Apple" })}
-              loadingLabel={t("add_calendar_label", { calendar: "Apple" })}
-              alreadyConnectedLabel={t("add_calendar_label", { calendar: "Apple" })}
-              className="not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
-            />
-          </div>
-        </div>
-      </DropdownMenuContent>
-    </Dropdown>
-  );
-};

package/src/timezone/index.tsx

@@ -1,37 +0,0 @@
-import { useMemo } from "react";
-import type { Timezone } from "../contracts";
-import useGetCityTimezones from "../hooks/use-get-city-timezones";
-import { filterPropsTimezones, formatTimezones } from "../lib/time-zones";
-import type { TimezoneSelectComponentProps } from "./timezone-select-component";
-import { TimezoneSelectComponent as TimezoneSelect } from "./timezone-select-component";
-
-export function Timezone(
-  props: Omit<TimezoneSelectComponentProps, "data" | "isPending" | "isWebTimezoneSelect"> & {
-    timeZones?: Timezone[];
-  }
-) {
-  const { isLoading: isLoadingAvailableCityTimezones, data: availableCityTimezones } = useGetCityTimezones();
-  const cityTimeZones = useMemo(() => {
-    if (props.timeZones) {
-      const filteredTimeZones = filterPropsTimezones(props.timeZones, availableCityTimezones ?? []);
-      return formatTimezones(filteredTimeZones);
-    } else if (availableCityTimezones && !isLoadingAvailableCityTimezones) {
-      return formatTimezones(availableCityTimezones);
-    }
-
-    return [];
-  }, [availableCityTimezones, props.timeZones, isLoadingAvailableCityTimezones]);
-
-  return (
-    // @ts-expect-error pre-existing: react-select SelectProps `value` does not
-    // distribute through Omit<...> on the wrapper type — `value` is in `props`
-    // and gets spread, but TS does not see it. Surfaced when this package was
-    // extracted from calcom/cal where a different tsconfig was masking it.
-    <TimezoneSelect
-      {...props}
-      data={cityTimeZones}
-      isPending={isLoadingAvailableCityTimezones}
-      isWebTimezoneSelect={false}
-    />
-  );
-}

package/src/timezone/timezone-select-component.tsx

@@ -1,193 +0,0 @@
-// @ts-nocheck — react-timezone-select ships .d.ts at a non-standard path
-// that stricter consuming tsconfigs (e.g. packages/features) fail to
-// resolve. atoms' own tsc passes; the nocheck is only for downstream
-// consumers.
-"use client";
-
-import { useCallback, useMemo, useState } from "react";
-import type { ITimezone, ITimezoneOption, Props as SelectProps } from "react-timezone-select";
-import BaseSelect from "react-timezone-select";
-import { getReactSelectProps } from "../components/ui/react-select-components";
-import { inputStyles } from "../components/ui/text-field";
-import { cn } from "../lib/utils";
-import type { Timezones } from "../vendor/timezone";
-import { addTimezonesToDropdown, filterBySearchText, handleOptionLabel } from "../vendor/timezone";
-
-export type TimezoneSelectComponentProps = SelectProps & {
-  variant?: "default" | "minimal";
-  isPending: boolean;
-  data?: Timezones;
-  timezoneSelectCustomClassname?: string;
-  size?: "sm" | "md";
-  grow?: boolean;
-  isWebTimezoneSelect?: boolean;
-};
-
-export function TimezoneSelectComponent({
-  className,
-  classNames: timezoneClassNames,
-  timezoneSelectCustomClassname,
-  components,
-  variant: _variant = "default",
-  isPending,
-  value,
-  size = "md",
-  grow = false,
-  isWebTimezoneSelect = true,
-  ...props
-}: TimezoneSelectComponentProps) {
-  const data = useMemo(() => props.data || [], [props.data]);
-
-  const [additionalTimezones, setAdditionalTimezones] = useState<Timezones>([]);
-
-  const handleInputChange = useCallback(
-    (searchText: string) => {
-      if (data) setAdditionalTimezones(filterBySearchText(searchText, data));
-    },
-    [data]
-  );
-
-  const timezones = useMemo(
-    () => ({
-      ...(data.length > 0 ? addTimezonesToDropdown(data) : {}),
-      ...(isWebTimezoneSelect ? addTimezonesToDropdown(additionalTimezones) : {}),
-    }),
-    [data, isWebTimezoneSelect, additionalTimezones]
-  );
-
-  const handleChange = useCallback(
-    (selectedOption: ITimezoneOption | null) => {
-      if (!props.onChange) return;
-
-      if (!selectedOption) {
-        props.onChange(selectedOption as unknown as ITimezoneOption);
-        return;
-      }
-
-      const corrections: Record<string, string> = {
-        "America/Port_Of_Spain": "America/Port_of_Spain",
-        "Africa/Porto-novo": "Africa/Porto-Novo",
-        "Africa/Dar_Es_Salaam": "Africa/Dar_es_Salaam",
-      };
-
-      const correctedValue = corrections[selectedOption.value] || selectedOption.value;
-      props.onChange({ ...selectedOption, value: correctedValue });
-    },
-    [props.onChange]
-  );
-
-  const formatOption = useCallback(
-    (option: unknown) => <p className="truncate">{(option as ITimezoneOption).value.replace(/_/g, " ")}</p>,
-    []
-  );
-
-  const getLabel = useCallback(
-    (option: unknown) => handleOptionLabel(option as ITimezoneOption, additionalTimezones),
-    [additionalTimezones]
-  );
-
-  const reactSelectProps = useMemo(() => getReactSelectProps({ components: components || {} }), [components]);
-
-  return (
-    <BaseSelect
-      value={value}
-      className={`${className ?? ""} ${timezoneSelectCustomClassname ?? ""}`}
-      aria-label="Timezone Select"
-      isLoading={isPending}
-      data-testid="timezone-select"
-      isDisabled={isPending}
-      {...reactSelectProps}
-      timezones={timezones}
-      styles={{
-        control: (base) =>
-          Object.assign({}, base, {
-            minHeight: size === "sm" ? "28px" : "36px",
-            height: grow ? "h-auto " : size === "sm" ? "28px" : "36px",
-          }),
-        menuList: (base) =>
-          Object.assign({}, base, {
-            height: grow ? "h-auto " : size === "sm" ? "200px" : "180px",
-          }),
-      }}
-      onInputChange={handleInputChange}
-      {...props}
-      onChange={handleChange}
-      formatOptionLabel={formatOption}
-      getOptionLabel={getLabel}
-      classNames={{
-        ...timezoneClassNames,
-        input: (state) =>
-          cn(
-            "text-emphasis h-6 md:max-w-[145px] max-w-[250px]",
-            timezoneClassNames?.input && timezoneClassNames.input(state)
-          ),
-        option: (state) =>
-          cn(
-            "bg-default py-2.5 px-3 rounded-md text-default",
-            state.isFocused && "bg-subtle",
-            state.isDisabled && "bg-cal-muted",
-            state.isSelected && "bg-emphasis text-default",
-            timezoneClassNames?.option && timezoneClassNames.option(state)
-          ),
-        placeholder: (state) => cn("text-muted", state.isFocused && "hidden"),
-        dropdownIndicator: () => "text-default",
-        control: (state) =>
-          cn(
-            inputStyles({ size }),
-            state.isMulti
-              ? state.hasValue
-                ? "p-1 h-fit"
-                : "px-3 h-fit"
-              : size === "sm"
-                ? "h-7 px-2"
-                : "h-9 py-0 px-3",
-            props.isDisabled && "bg-subtle",
-            "rounded-[10px]",
-            timezoneClassNames?.control && timezoneClassNames.control(state)
-          ),
-        singleValue: (state) =>
-          cn(
-            "text-emphasis placeholder:text-muted",
-            timezoneClassNames?.singleValue && timezoneClassNames.singleValue(state)
-          ),
-        valueContainer: (state) =>
-          cn(
-            "text-emphasis placeholder:text-muted flex gap-1",
-            timezoneClassNames?.valueContainer && timezoneClassNames.valueContainer(state)
-          ),
-        multiValue: (state) =>
-          cn(
-            "bg-subtle text-default rounded-md py-1.5 px-2 flex items-center text-sm leading-none",
-            timezoneClassNames?.multiValue && timezoneClassNames.multiValue(state)
-          ),
-        menu: (state) =>
-          cn(
-            "rounded-md bg-default text-sm leading-4 text-default mt-1 p-1 border border-subtle",
-            state.selectProps.menuIsOpen && "shadow-dropdown",
-            timezoneClassNames?.menu && timezoneClassNames.menu(state)
-          ),
-        groupHeading: () => "leading-none text-xs uppercase text-default pl-2.5 pt-4 pb-2",
-        menuList: (state) =>
-          cn(
-            "scroll-bar scrollbar-track-w-20 rounded-md flex flex-col space-y-1",
-            timezoneClassNames?.menuList && timezoneClassNames.menuList(state)
-          ),
-        indicatorsContainer: (state) =>
-          cn(
-            state.selectProps.menuIsOpen
-              ? state.isMulti
-                ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform"
-                : "rotate-180 transition-transform"
-              : "text-default",
-            timezoneClassNames?.indicatorsContainer && timezoneClassNames.indicatorsContainer(state)
-          ),
-        multiValueRemove: () => "text-default py-auto ml-2",
-        noOptionsMessage: () => "h-12 py-2 flex items-center justify-center",
-      }}
-    />
-  );
-}
-
-export type { ITimezone, ITimezoneOption };
-
-export default TimezoneSelectComponent;