cronofy-elements 1.48.1 → 1.49.1

package/src/js/helpers/i18n.js

@@ -1,153 +0,0 @@
-import { turnSlugIntoString, humanizeTzName, nestedValue } from "./utils";
-import { translations } from "./translations";
-import moment from "moment";
-
-export const getNavigatorLanguage = (nav = navigator) =>
-    nav.languages && nav.languages.length
-        ? nav.languages[0]
-        : nav.userLanguage || nav.language || nav.browserLanguage || "en";
-
-const rootLocaleFromLocale = locale =>
-    locale.indexOf("-") > 0 ? locale.substr(0, locale.indexOf("-")) : locale;
-
-export const modifierDateFormats = {
-    ja: {
-        dates: {
-            western: { slotFormat: "Y年 MMM Do (dd)" },
-        },
-    },
-};
-
-export const i18n = (
-    context = "core",
-    phrase,
-    locale = getNavigatorLanguage(),
-    allPhrases = translations
-) => {
-    // Handle "keys" mode
-    if (locale === "keys") {
-        return `${context}.${phrase}`;
-    }
-
-    // get the root locale if using a dialect
-    const rootLocale = rootLocaleFromLocale(locale);
-
-    // 1. Pre-check fallbacks
-    // ...we don't have the provided context or locale.
-
-    if (typeof allPhrases[locale] === "undefined") {
-        //First check if phrase exists in rootLocale
-        if (typeof allPhrases[rootLocale] !== "undefined") {
-            //Fallback to rootLocale if it does
-            locale = rootLocale;
-        } else {
-            // Fallback to base locale if not
-            locale = "en";
-        }
-    }
-
-    if (typeof allPhrases[locale][context] === "undefined" && context === "date_formats") {
-        // Fallback to the format in the 'en' date formats
-        return allPhrases["en"][context][phrase];
-    }
-
-    if (typeof allPhrases[locale][context] === "undefined") {
-        //First check if context exists in the rootLocale
-        if (typeof allPhrases[rootLocale][context] !== "undefined") {
-            //Fallback to rootLocale if it does
-            locale = rootLocale;
-        } else {
-            // Fallback to base context if it doesn't
-            context = "core";
-        }
-    }
-
-    if (typeof allPhrases[locale][context][phrase] !== "undefined") {
-        // Happy path:
-        return allPhrases[locale][context][phrase];
-    } else if (typeof allPhrases[locale]["core"][phrase] !== "undefined") {
-        // Check the phrase with our base context:
-        return allPhrases[locale]["core"][phrase];
-    } else if (typeof allPhrases["en"]["core"][phrase] !== "undefined") {
-        // Check the phrase with our base context and default locale:
-        return allPhrases["en"]["core"][phrase];
-    } else {
-        // Nothing has worked, so let's return a string to
-        // highlight the error but not break the app.
-        console.warn(
-            `Missing translation. slug: ${phrase}, context: ${context}, locale: ${locale}`
-        );
-        return turnSlugIntoString(phrase);
-    }
-};
-
-export const tzi18n = (tzid, locale = getNavigatorLanguage(), exceptions = translations) => {
-    // console.log("timezones", timezones);
-    // Parse the locale (if it's one we want to normalize)
-    locale = locale === "en-US" ? "en" : locale;
-
-    // 1. Pre-check fallbacks
-    // ...we don't have the provided locale.
-
-    if (typeof exceptions[locale] === "undefined") {
-        // Fallback to base locale
-        locale = "en";
-    }
-
-    if (typeof exceptions[locale].time_zones === "undefined") {
-        // Fallback to base locale
-        locale = "en";
-    }
-
-    if (typeof exceptions[locale].time_zones[tzid] !== "undefined") {
-        // There is an exception:
-        return exceptions[locale].time_zones[tzid];
-    }
-
-    // If we get here, the tzid string doesn't match any exceptions,
-    // so we'll infer the visually-acceptable version.
-    return humanizeTzName(tzid);
-};
-
-export const i18nConstructor = ({
-    context = "core",
-    locale = getNavigatorLanguage(),
-    localeModifiers = {},
-    allPhrases = translations,
-    tzid,
-}) => {
-    const slotFormatString = () => {
-        let slotFormat = "dddd Do MMMM";
-
-        const configVariant = nestedValue([locale, "dates"], localeModifiers);
-        if (configVariant) {
-            const overrideFormat = nestedValue(
-                [locale, "dates", configVariant, "slotFormat"],
-                modifierDateFormats
-            );
-            if (overrideFormat) slotFormat = overrideFormat;
-        }
-
-        return slotFormat;
-    };
-
-    const formatDateString = (dateString, formatString) =>
-        moment(dateString).tz(tzid).locale(locale).format(formatString);
-
-    const dateToSlotStringWithoutTzShift = dateString =>
-        // TZ is not applied here as it is already shifted into local time
-        moment(dateString).locale(locale).format(slotFormatString());
-
-    const timeToSlotString = dateString => formatDateString(dateString, "LT").replace(" ", "");
-
-    return {
-        t: slug => i18n(context, slug, locale, allPhrases),
-        f: (momentObject, formatString) => momentObject.locale(locale).format(formatString),
-        ftz: (momentObject, formatString) =>
-            momentObject.tz(tzid).locale(locale).format(formatString),
-        customFormatedTimeZone: (momentObject, ctz, formatString) =>
-            momentObject.tz(ctz).locale(locale).format(formatString),
-        dateToSlotStringWithoutTzShift,
-        timeToSlotString,
-    };
-};

package/src/js/helpers/init.Agenda.js

@@ -1,55 +0,0 @@
-import { parseToken, parseTarget, parseConnectionDomains, parseTranslations } from "./init";
-import { logConstructor } from "./logging";
-
-export const parseAgendaOptions = (options = {}) => {
-    let config = typeof options.config === "undefined" ? {} : options.config;
-    const logs = typeof config.logs === "undefined" ? "warn" : config.logs;
-    const log = logConstructor(logs, "Agenda View", options.callback);
-
-    const demoMode = typeof options.demo === "undefined" ? false : options.demo;
-    if (demoMode) {
-        log.warn("You are running in demo mode. No API requests will be made");
-    }
-
-    const token = parseToken(options, "agenda-view", log);
-    if (!token && !demoMode) {
-        log.error(
-            "You need to include an `element_token`. If you're just testing (and don't want to use real API data) you can set the `demo` option to `true` to bypass the API connection and view dummy content."
-        );
-        return false;
-    }
-
-    const target = parseTarget(options, "agenda", log);
-
-    const domains = parseConnectionDomains(
-        options.data_center,
-        options.api_domain,
-        options.app_domain
-    );
-
-    const translations = parseTranslations(options.translations, "availability_rules");
-
-    const mode = typeof config.mode === "undefined" ? "default" : config.mode;
-
-    const validModes = ["default", "only_managed", "free_busy", "free_busy_managed"];
-    const validMode = validModes.includes(mode);
-    if (!validMode) {
-        log.error(`Please provide a valid \`config.mode\`. \`${mode}\` is not a supported value.`, {
-            docsSlug: "agenda-viewer/#config.mode",
-        });
-        return false;
-    }
-
-    delete options.target_id;
-    delete options.element_token;
-    delete options.translations;
-
-    return {
-        ...options,
-        config: { ...config, mode, logs },
-        target,
-        token,
-        domains,
-        translations,
-    };
-};

package/src/js/helpers/init.AvailabilityRules.js

@@ -1,195 +0,0 @@
-import {
-    parseConnectionDomains,
-    parseTarget,
-    parseTimezone,
-    parseToken,
-    parseTranslations,
-} from "./init";
-import { logConstructor } from "./logging";
-import { default_availability_rules } from "./mocks";
-import moment from "moment-timezone";
-
-export const parseAvailabilityRulesOptions = (options = {}) => {
-    let config = typeof options.config === "undefined" ? {} : options.config;
-    const logs = typeof config.logs === "undefined" ? "warn" : config.logs;
-    const log = logConstructor(
-        logs,
-        "Availability Rules",
-        options.callback ? options.callback : false
-    );
-    const startDay =
-        typeof config.week_start_day === "undefined" ? "sunday" : config.week_start_day;
-
-    const validDays = [
-        "sunday",
-        "monday",
-        "tuesday",
-        "wednesday",
-        "thursday",
-        "friday",
-        "saturday",
-    ];
-    const validStartDay = validDays.includes(startDay);
-
-    if (!validStartDay) {
-        log.error(
-            `Please provide a valid \`config.week_start_day\`. \`${startDay}\` is not a supported value.`,
-            {
-                docsSlug: "availability-viewer/#config.week_start_day",
-            }
-        );
-        return false;
-    }
-
-    const defaultWeeklyPeriods =
-        typeof config.default_weekly_periods === "undefined"
-            ? default_availability_rules
-            : config.default_weekly_periods;
-
-    const validateDefaultWeeklyPeriods = (default_weekly_periods, log) => {
-        if (!Array.isArray(default_weekly_periods)) {
-            return false;
-        }
-
-        if (default_weekly_periods.length < 1) {
-            return false;
-        }
-
-        let errors = {};
-        default_weekly_periods.forEach((dwp, index) => {
-            if (
-                dwp === null ||
-                typeof dwp !== "object" ||
-                !("day" in dwp) ||
-                !("start_time" in dwp) ||
-                !("end_time" in dwp)
-            ) {
-                errors[`default_weekly_period[${index}]`] = [
-                    "default weekly period must be an object with day, start_time and end_time properties",
-                ];
-                return false;
-            }
-
-            let out = [];
-
-            if (!validDays.includes(dwp.day)) {
-                out.push(
-                    "Please provide a valid day. '" + `${dwp.day}` + "' is not a supported value."
-                );
-            }
-
-            if (!moment(dwp.start_time, "HH:mm", true).isValid()) {
-                out.push("start_time must be a valid time string");
-            }
-
-            if (!moment(dwp.end_time, "HH:mm", true).isValid()) {
-                out.push("end_time must be a valid time string");
-            }
-
-            if (dwp.start_time >= dwp.end_time) {
-                out.push("end must be after start");
-            }
-
-            if (out.length > 0) errors[`default_weekly_period[${index}]`] = out;
-        });
-
-        if (Object.keys(errors).length > 0) {
-            log.error("Some of the provided `default_weekly_periods` option have errors.", {
-                docsSlug: "availability-viewer/#default_weekly_periods",
-                errorObject: errors,
-            });
-            return false;
-        }
-        return true;
-    };
-
-    const validDefaultWeeklyPeriods = validateDefaultWeeklyPeriods(defaultWeeklyPeriods, log);
-
-    if (!validDefaultWeeklyPeriods) {
-        log.error("The provided default weekly periods are invalid");
-        return false;
-    }
-
-    options.error = false;
-    const demoMode = typeof options.demo === "undefined" ? false : options.demo;
-    if (demoMode) {
-        log.warn("You are running in demo mode. No API requests will be made");
-    }
-
-    const autoCreateRulesMode =
-        typeof config.auto_create_rules === "undefined" ? false : config.auto_create_rules;
-
-    const token = parseToken(options, "availability-rules", log);
-    if (!token && !demoMode) {
-        log.error(
-            "You need to include an `element_token`. If you're just testing (and don't want to use real API data) you can set the `demo` option to `true` to bypass the API connection and view dummy content."
-        );
-        return false;
-    }
-
-    const target = parseTarget(options, "availability-rules", log);
-
-    if (typeof options.availability_rule_id === "undefined") {
-        // options.error = true;
-        log.warn(
-            'You have not defined an availability_rule_id, so "default" will be used instead. Full details can be found on the Cronofy Elements documention page: https://docs.cronofy.com/developers/ui-elements/'
-        );
-    }
-
-    const translations = parseTranslations(options.translations, "availability_rules");
-
-    const tzid = parseTimezone(options.tzid, "availability-rules", log);
-
-    const keyboardSupportedValues = ["basic"];
-
-    const validateKeyBoardSupport = keyboard_support => {
-        const validKeyboardSupport = keyboardSupportedValues.includes(keyboard_support);
-        if (!validKeyboardSupport) {
-            log.error(
-                `Please provide a valid \`config.keyboard_support\`. \`${keyboard_support}\` is not a supported value.`,
-                {
-                    docsSlug: "availability-rules/#config.keyboard_support",
-                }
-            );
-            return false;
-        } else {
-            return keyboard_support;
-        }
-    };
-
-    const keyboardSupport =
-        typeof config.keyboard_support === "undefined"
-            ? false
-            : validateKeyBoardSupport(config.keyboard_support);
-
-    const domains = parseConnectionDomains(
-        options.data_center,
-        options.api_domain,
-        options.app_domain
-    );
-
-    delete options.target_id;
-    delete options.element_token;
-    delete options.translations;
-    delete config.week_start_day;
-    delete config.default_weekly_periods;
-    delete config.auto_create_rules;
-    delete config.keyboard_support;
-
-    return {
-        ...options,
-        ...tzid,
-        target,
-        token,
-        domains,
-        config: {
-            ...config,
-            logs,
-            startDay,
-            defaultWeeklyPeriods,
-            autoCreateRulesMode,
-            keyboardSupport,
-        },
-        translations,
-    };
-};

package/src/js/helpers/init.AvailabilityViewer.js

@@ -1,215 +0,0 @@
-import moment from "moment-timezone";
-import {
-    adjustInterval,
-    parseConnectionDomains,
-    parseGridTime,
-    parseInterval,
-    parseQuery,
-    parseTarget,
-    parseTimezone,
-    parseToken,
-    parseTranslations,
-} from "./init";
-import { logConstructor } from "./logging";
-
-export const parseAvailabilityViewerOptions = (options = {}) => {
-    let config = typeof options.config === "undefined" ? {} : options.config;
-    const logs = typeof config.logs === "undefined" ? "warn" : config.logs;
-    const log = logConstructor(
-        logs,
-        "Availability Viewer",
-        options.callback ? options.callback : false
-    );
-
-    options.error = false;
-    const demoMode = typeof options.demo === "undefined" ? false : options.demo;
-
-    if (demoMode) {
-        log.warn("You are running in demo mode. No API requests will be made");
-    }
-
-    const token = parseToken(options, "availability-viewer", log);
-    if (!token && !demoMode) {
-        log.error(
-            "You need to include an `element_token`. If you're just testing (and don't want to use real API data) you can set the `demo` option to `true` to bypass the API connection and view dummy content."
-        );
-        return false;
-    }
-
-    const target = parseTarget(options, "availability-viewer", log);
-
-    const startTime = parseGridTime(config.start_time, "09:00");
-    if (startTime.message) {
-        log.warn(`config.start_time: ${startTime.message}`, {
-            docsSlug: "availability-viewer/#config.start_time",
-        });
-    }
-
-    const endTime = parseGridTime(config.end_time, "17:00", true);
-    if (endTime.message) {
-        log.warn(`config.end_time: ${endTime.message}`, {
-            docsSlug: "availability-viewer/#config.end_time",
-        });
-    }
-    if (endTime.time === "00:00") {
-        endTime.time = "24:00";
-    }
-
-    if (startTime.time > endTime.time) {
-        log.error(
-            `\`config.start_time\` (${startTime.time}) must be earlier than \`config.end_time\` (${endTime.time}).`
-        );
-        return false;
-    }
-
-    const rawInterval = parseInterval(config.interval);
-
-    const interval = adjustInterval(rawInterval, startTime.offset, log);
-
-    if (typeof options.extras !== "undefined") {
-        log.warn(
-            "The `extras` option has been deprecated in v1.0.0. Please use `config` option instead.",
-            { docsSlug: "availability-viewer/#config" }
-        );
-        config = options.extras;
-    }
-    if (typeof options.config !== "undefined") {
-        config = { ...config, ...options.config };
-    }
-
-    const tzid = parseTimezone(options.tzid, "availability-viewer", log);
-    options = { ...options, ...tzid };
-
-    const mode =
-        typeof config.mode === "undefined" || config.mode === "default" ? "confirm" : config.mode;
-
-    const validModes = ["confirm", "multi_select", "no_confirm", "free_select"];
-    const validMode = validModes.includes(mode);
-    if (!validMode) {
-        log.error(`Please provide a valid \`config.mode\`. \`${mode}\` is not a supported value.`, {
-            docsSlug: "availability-viewer/#config.mode",
-        });
-        return false;
-    }
-
-    const slot_selection =
-        typeof config.slot_selection === "undefined" || config.slot_selection === "default"
-            ? "available"
-            : config.slot_selection;
-
-    const boundsControl =
-        typeof config.bounds_control === "undefined" || config.bounds_control === "default"
-            ? false
-            : true;
-
-    const query = parseQuery({
-        options,
-        elementSlug: "availability-viewer",
-        log,
-        allowEmpty: true,
-    });
-    if (!query) return false;
-
-    if (config.mode === "free_select") {
-        query.required_duration.minutes = interval;
-        const now = moment.utc().startOf("hour").add(1, "hour");
-        // Adding 34 days to ensure that the resulting query stays within the requiered bounds defined in
-        // https://docs.cronofy.com/developers/api/scheduling/availability/#param-participants.members.available_periods.end
-        query.query_periods = [
-            {
-                start: now.format("YYYY-MM-DDTHH:mm[:00Z]"),
-                end: now
-                    .clone()
-                    .local()
-                    .add(34, "days")
-                    .endOf("day")
-                    .utc()
-                    .format("YYYY-MM-DDTHH:mm[:00Z]"),
-            },
-        ];
-        config.week_start_day = now.tz(options.tzid).local().format("dddd").toLowerCase();
-    }
-
-    const allowExpansion =
-        typeof config.allow_expansion === "undefined" || config.allow_expansion === "default"
-            ? false
-            : config.allow_expansion;
-
-    const startDay =
-        typeof config.week_start_day === "undefined" || config.week_start_day === "default"
-            ? "sunday"
-            : config.week_start_day;
-
-    const validStartDays = [
-        "sunday",
-        "monday",
-        "tuesday",
-        "wednesday",
-        "thursday",
-        "friday",
-        "saturday",
-    ];
-    const validStartDay = validStartDays.includes(startDay);
-
-    if (!validStartDay) {
-        log.error(
-            `Please provide a valid \`config.week_start_day\`. \`${startDay}\` is not a supported value.`,
-            {
-                docsSlug: "availability-viewer/#config.week_start_day",
-            }
-        );
-        return false;
-    }
-
-    config = {
-        ...config,
-        allowExpansion,
-        start_time: startTime.time,
-        end_time: endTime.time,
-        interval,
-        startDay,
-        mode,
-        boundsControl,
-        slot_selection,
-        logs,
-    };
-
-    const domains = parseConnectionDomains(
-        options.data_center,
-        options.api_domain,
-        options.app_domain
-    );
-
-    const translations = parseTranslations(options.translations, "availability_rules");
-
-    config.start_time = config.start_time || "09:00";
-    config.end_time = config.end_time || "17:30";
-
-    const validStart = moment(config.start_time, "HH:mm").isValid();
-    const validEnd = moment(config.end_time, "HH:mm").isValid();
-
-    if (!validStart || !validEnd) {
-        log.error("Please provide a valid `config.start_time` and `config.end_time`.", {
-            docsSlug: "availability-viewer/#config.start_time",
-        });
-        return false;
-    }
-
-    delete options.availability_query;
-    delete options.element_token;
-    delete options.target_id;
-    delete config.bounds_control;
-    delete config.week_start_day;
-    delete config.allow_expansion;
-    delete config.translations;
-
-    return {
-        ...options,
-        target,
-        token,
-        domains,
-        config,
-        query,
-        translations,
-    };
-};

package/src/js/helpers/init.CalendarSync.js

@@ -1,83 +0,0 @@
-import { parseToken, parseTarget, parseConnectionDomains, parseTranslations } from "./init";
-import { logConstructor } from "./logging";
-
-export const parseCalendarSyncOptions = (options = {}) => {
-    let config = typeof options.config === "undefined" ? {} : options.config;
-    const logs = typeof config.logs === "undefined" ? "warn" : config.logs;
-    const log = logConstructor(logs, "Calendar Sync", options.callback ? options.callback : false);
-
-    options.error = false;
-    const demoMode = typeof options.demo === "undefined" ? false : options.demo;
-    if (demoMode) {
-        log.warn("You are running in demo mode. No API requests will be made");
-    }
-
-    const token = parseToken(options, "calendar-sync", log);
-
-    const target = parseTarget(options, "calendar-sync", log);
-
-    if (!options.authorization_url) {
-        if (typeof options.authorization === "undefined" && !demoMode) {
-            log.error("You need to specify authorization options.");
-            return false;
-        } else if (typeof options.authorization === "undefined" && demoMode) {
-            options.authorization = {
-                redirect_uri: "REDIRECT_URI",
-                client_id: "CLIENT_ID",
-                scope: "SCOPE",
-            };
-        } else {
-            if (typeof options.authorization.redirect_uri === "undefined" && !demoMode) {
-                log.error("You need to specify authorization option: `redirect_uri`.");
-                return false;
-            }
-            if (typeof options.authorization.client_id === "undefined" && !demoMode) {
-                log.error("You need to specify authorization option: `client_id`.");
-                return false;
-            }
-            if (typeof options.authorization.scope === "undefined" && !demoMode) {
-                log.error("You need to specify authorization option: `scope`.");
-                return false;
-            }
-        }
-    }
-
-    const revokeMode =
-        typeof config.revoke_mode === "undefined" ? "trigger_and_callback" : config.revoke_mode;
-    const validRevokeModes = ["trigger_and_callback", "callback_only"];
-    const validRevokeMode = validRevokeModes.includes(revokeMode);
-
-    if (!validRevokeMode) {
-        log.error(
-            `Please provide a valid 'config.revoke_mode'. '${revokeMode}' is not a supported value.`,
-            {
-                docsSlug: "calendar-sync#config.revoke_mode",
-            }
-        );
-        return false;
-    }
-
-    options.single_profile =
-        typeof options.single_profile !== "undefined" ? options.single_profile : false;
-
-    const translations = parseTranslations(options.translations, "availability_rules");
-
-    delete options.target_id;
-    delete options.element_token;
-    delete options.translations;
-
-    const domains = parseConnectionDomains(
-        options.data_center,
-        options.api_domain,
-        options.app_domain
-    );
-
-    return {
-        ...options,
-        config: { ...config, logs, revoke_mode: revokeMode },
-        target,
-        token,
-        domains,
-        translations,
-    };
-};