{"version":3,"file":"phoneNumberBox.obs.js","sources":["../../../Framework/Controls/phoneNumberBox.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <RockFormField :modelValue=\"internalValue\"\n                   v-bind=\"formFieldProps\"\n                   @change=\"onChange\"\n                   formGroupClasses=\"rock-phonenumber-box\"\n                   :rules=\"rules\"\n                   name=\"phonenumberbox\">\n        <template #default=\"{ uniqueId, field }\">\n            <div class=\"control-wrapper\">\n                <div class=\"input-group phone-number-box\" :class=\"inputGroupClasses\">\n                    <span v-if=\"availableCountryCodeOptions.length < 2\" class=\"input-group-addon\">\n                        <i class=\"fa fa-phone-square\"></i>\n                    </span>\n                    <InputGroupDropDown v-else :items=\"availableCountryCodeOptions\" v-model=\"countryCode\" inputGroupClasses=\"input-group-addon\" />\n                    <input v-model=\"internalValue\" :id=\"uniqueId\" type=\"text\" class=\"form-control\" v-bind=\"field\" />\n                </div>\n            </div>\n        </template>\n    </RockFormField>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, PropType, ref, watch } from \"vue\";\n    import RockFormField from \"./rockFormField.obs\";\n    import { PhoneNumberBoxGetConfigurationResultsBag } from \"@Obsidian/ViewModels/Rest/Controls/phoneNumberBoxGetConfigurationResultsBag\";\n    import { PhoneNumberCountryCodeRulesConfigurationBag } from \"@Obsidian/ViewModels/Rest/Controls/phoneNumberCountryCodeRulesConfigurationBag\";\n    import { standardRockFormFieldProps, useStandardRockFormFieldProps, useVModelPassthrough } from \"@Obsidian/Utility/component\";\n    import { normalizeRules } from \"@Obsidian/ValidationRules\";\n    import { getPhoneNumberConfiguration, formatPhoneNumber, stripPhoneNumber } from \"@Obsidian/Utility/phone\";\n    import { ListItemBag } from \"@Obsidian/ViewModels/Utility/listItemBag\";\n    import InputGroupDropDown from \"./inputGroupDropDown.obs\";\n\n    const props = defineProps({\n        /** v-model of Phone Number */\n        modelValue: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        /** v-model of Country Code */\n        countryCode: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        inputGroupClasses: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        ...standardRockFormFieldProps\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: string): void\n        (e: \"update:countryCode\", value: string): void\n    }>();\n\n    // #region Values\n\n    const internalValue = ref(props.modelValue);\n    const countryCode = useVModelPassthrough(props, \"countryCode\", emit);\n    const formFieldProps = useStandardRockFormFieldProps(props);\n    const configuration = ref<PhoneNumberBoxGetConfigurationResultsBag | null>(null);\n\n    // #endregion\n\n    // #region Computed Values\n\n    /** The rules for the specified country code */\n    const configuredRules = computed<PhoneNumberCountryCodeRulesConfigurationBag[]>(() => {\n        return configuration.value?.rules?.[countryCode.value] ?? [];\n    });\n\n    /** Validation Rules */\n    const rules = computed(() => {\n        const rules = normalizeRules(props.rules);\n        rules.push(validatePhoneNumber);\n        return rules;\n    });\n\n    const availableCountryCodes = computed<string[]>(() => {\n        return configuration.value?.countryCodes ?? [];\n    });\n\n    const availableCountryCodeOptions = computed<ListItemBag[]>(() => {\n        if (availableCountryCodes.value.length == 0) {\n            return [{ value: \"1\", text: \"1\" }];\n        }\n\n        return availableCountryCodes.value.map((val) => ({ value: val, text: val }));\n    });\n\n    // #endregion\n\n    // #region Functions\n\n    /** Uses the configuration we received from the server to determine whether the entered number is valid */\n    function validatePhoneNumber(value: unknown): string | boolean {\n        const rules = configuredRules.value;\n\n        if (!value) {\n            return true;\n        }\n\n        const val = stripPhoneNumber(value as string);\n\n        if (rules.length == 0) {\n            return true;\n        }\n\n        for (let rule of rules) {\n            const regex = new RegExp(rule.match ?? \"\");\n\n            if (regex.test(val)) {\n                return true;\n            }\n        }\n\n        return `The phone number '${value}' is not a valid phone number.`;\n    }\n\n    /** Retrieve the country code data, validation data, and formatting data from the server */\n    async function loadConfiguration(): Promise<void> {\n        try {\n            const result = await getPhoneNumberConfiguration();\n\n            if (result) {\n                configuration.value = result;\n                countryCode.value ||= result.defaultCountryCode ?? \"\";\n            }\n            else {\n                console.error(\"Unknown error while loading phone number configuration.\");\n            }\n        }\n        catch (e) {\n            console.error(e ?? \"Unknown error while loading phone number configuration.\");\n        }\n    }\n\n    // #endregion\n\n    // #region Event Handlers\n\n    function onChange(): void {\n        internalValue.value = formatPhoneNumber(stripPhoneNumber(internalValue.value), configuredRules.value);\n    }\n\n    // #endregion\n\n    // #region Watchers\n\n    watch(countryCode, () => {\n        emit(\"update:countryCode\", countryCode.value);\n    });\n\n    watch(() => props.countryCode, () => {\n        countryCode.value = props.countryCode;\n    });\n\n    watch(internalValue, () => {\n        // The value that should be stored for phone number attribute values is the formatted version.\n        // This seems backwards, but actually keeps parity with the web forms functionality.\n        emit(\"update:modelValue\", formatPhoneNumber(stripPhoneNumber(internalValue.value), configuredRules.value));\n    }, { immediate: true });\n\n    watch(() => props.modelValue, () => {\n        internalValue.value = formatPhoneNumber(stripPhoneNumber(props.modelValue), configuredRules.value);\n    }, { immediate: true });\n\n    watch(configuredRules, () => {\n        internalValue.value = formatPhoneNumber(stripPhoneNumber(internalValue.value), configuredRules.value);\n    });\n\n    watch([configuration, availableCountryCodes], () => {\n        // If we don't have any country codes from the server, ignore\n        if (configuration.value == null || availableCountryCodes.value.length == 0) return;\n\n        // If no country code set or the set country code isn't in the list of available codes, then change it to the default\n        if (countryCode.value == null || !availableCountryCodes.value.includes(countryCode.value)) {\n            countryCode.value = availableCountryCodes.value[0];\n        }\n    });\n\n    // #endregion\n\n    loadConfiguration();\n\n</script>"],"names":["internalValue","ref","props","modelValue","countryCode","useVModelPassthrough","emit","formFieldProps","useStandardRockFormFieldProps","configuration","configuredRules","computed","_configuration$value$","_configuration$value","_configuration$value$2","value","rules","normalizeRules","push","validatePhoneNumber","availableCountryCodes","_configuration$value$3","_configuration$value2","countryCodes","availableCountryCodeOptions","length","text","map","val","stripPhoneNumber","_iterator","_createForOfIteratorHelper","_step","s","n","done","_rule$match","rule","regex","RegExp","match","test","err","e","f","concat","loadConfiguration","_loadConfiguration","apply","arguments","_asyncToGenerator","result","getPhoneNumberConfiguration","_result$defaultCountr","defaultCountryCode","console","error","onChange","formatPhoneNumber","watch","immediate","includes"],"mappings":"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"}