{"version":3,"file":"phoneNumberBoxWithSms.obs.js","sources":["../../../Framework/Controls/phoneNumberBoxWithSms.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <RockFormField :modelValue=\"number\"\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=\"number\" :id=\"uniqueId\" type=\"text\" class=\"form-control\" v-bind=\"field\" />\n                </div>\n                <div v-if=\"showSmsOptIn ?? false\">\n                    <CheckBox\n                              v-model=\"isMessagingEnabled\"\n                              label=\"\"\n                              :text=\"smsOptInText ?? ''\" />\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 { PhoneNumberBoxGetConfigurationResultsBag } from \"@Obsidian/ViewModels/Rest/Controls/phoneNumberBoxGetConfigurationResultsBag\";\n    import { PhoneNumberCountryCodeRulesConfigurationBag } from \"@Obsidian/ViewModels/Rest/Controls/phoneNumberCountryCodeRulesConfigurationBag\";\n    import { PhoneNumberBoxWithSmsControlBag } from \"@Obsidian/ViewModels/Controls/phoneNumberBoxWithSmsControlBag\";\n    import { standardRockFormFieldProps, useStandardRockFormFieldProps } from \"@Obsidian/Utility/component\";\n    import { normalizeRules } from \"@Obsidian/ValidationRules\";\n    import { getPhoneNumberAndSmsConfiguration, formatPhoneNumber, stripPhoneNumber } from \"@Obsidian/Utility/phone\";\n    import { ListItemBag } from \"@Obsidian/ViewModels/Utility/listItemBag\";\n    import RockFormField from \"./rockFormField.obs\";\n    import InputGroupDropDown from \"./inputGroupDropDown.obs\";\n    import CheckBox from \"@Obsidian/Controls/checkBox.obs\";\n\n    const props = defineProps({\n        /** v-model of Phone Number */\n        modelValue: {\n            type: Object as PropType<PhoneNumberBoxWithSmsControlBag>,\n            required: false\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: PhoneNumberBoxWithSmsControlBag): void\n    }>();\n\n    // #region Values\n\n    const formFieldProps = useStandardRockFormFieldProps(props);\n    const configuration = ref<PhoneNumberBoxGetConfigurationResultsBag | null>(null);\n    const number = ref(props.modelValue?.number ?? \"\");\n    const countryCode = ref(props.modelValue?.countryCode ?? \"\");\n    const isMessagingEnabled = ref(props.modelValue?.isMessagingEnabled ?? false);\n\n    /** Used to temporarily disable emitting the modelValue when something changes. */\n    let autoSyncModelValue = true;\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    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    const smsOptInText = computed((): string => {\n        return configuration.value?.smsOptInText ?? \"\";\n    });\n\n    const showSmsOptIn = computed((): boolean => {\n        return smsOptInText.value.length > 0;\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 || typeof (value) !== \"string\" || rules.length == 0) {\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 getPhoneNumberAndSmsConfiguration();\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        number.value = formatPhoneNumber(number.value);\n    }\n\n    // #endregion\n\n    // #region Watchers\n    watch(() => props.modelValue, () => {\n        autoSyncModelValue = false;\n        countryCode.value = props.modelValue?.countryCode ?? \"\";\n        number.value = formatPhoneNumber(stripPhoneNumber(props.modelValue?.number ?? \"\"), configuredRules.value);\n        isMessagingEnabled.value = props.modelValue?.isMessagingEnabled ?? false;\n        autoSyncModelValue = true;\n    }, { immediate: true });\n\n    watch([countryCode, number, isMessagingEnabled], () => {\n        if (!autoSyncModelValue) {\n            return;\n        }\n\n        const value: PhoneNumberBoxWithSmsControlBag = {\n            countryCode: countryCode.value,\n            number: formatPhoneNumber(stripPhoneNumber(number.value), configuredRules.value),\n            isMessagingEnabled: isMessagingEnabled.value\n        };\n\n        emit(\"update:modelValue\", 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":["formFieldProps","useStandardRockFormFieldProps","props","configuration","ref","number","_props$modelValue$num","_props$modelValue","modelValue","countryCode","_props$modelValue$cou","_props$modelValue2","isMessagingEnabled","_props$modelValue$isM","_props$modelValue3","autoSyncModelValue","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","smsOptInText","_configuration$value$4","_configuration$value3","showSmsOptIn","stripPhoneNumber","_iterator","_createForOfIteratorHelper","_step","s","n","done","_rule$match","rule","regex","RegExp","match","test","err","e","f","concat","loadConfiguration","_loadConfiguration","apply","arguments","_asyncToGenerator","result","getPhoneNumberAndSmsConfiguration","_result$defaultCountr","defaultCountryCode","console","error","onChange","formatPhoneNumber","watch","_props$modelValue$cou2","_props$modelValue4","_props$modelValue$num2","_props$modelValue5","_props$modelValue$isM2","_props$modelValue6","immediate","emit","includes"],"mappings":"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"}