diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index 3dfc82947..e122837c4 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -86,6 +86,9 @@ export default {
errors,
};
},
+ mounted() {
+ this.$emit("dropdownQuestionEvent.inputIdAssigned", this.inputId);
+ },
computed: {
questionText() {
return this.getCmsContent(this.cmsWidgetName, "QuestionText");
diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
index 33854e143..9e7df6312 100644
--- a/src/digital-components/text-block/text-block.vue
+++ b/src/digital-components/text-block/text-block.vue
@@ -9,6 +9,7 @@
export default {
name: "textBlock",
props: {
+ customText: String, // used to allow the insert of token values into textblock
justifyText: String, // left, right, center
typeStyle: String, // h1-h6, body, small, label, caption (see Figma or Confluence documentation)
fontWeight: String, // bold=500, default is 400
@@ -16,6 +17,9 @@ export default {
},
computed: {
TextBlockCopy() {
+ if (this.customText) {
+ return this.customText;
+ }
return this.getCmsContent(this.cmsWidgetName, "Text");
},
},
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 90aa33ddf..2b14aac6b 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -76,7 +76,9 @@ export default {
includeSearchIcon: Boolean,
},
setup(props) {
- const inputId = !props.customInputId ? `input-${crypto.randomUUID()}` : props.customInputId;
+ const inputId = !props.customInputId
+ ? `input-${crypto.randomUUID()}`
+ : props.customInputId;
const propsClone = Object.assign({}, props);
const modelValue = propsClone.modelValue;
@@ -126,6 +128,9 @@ export default {
},
},
},
+ mounted() {
+ this.$emit("textboxQuestionEvent.inputIdAssigned", this.inputId);
+ },
watch: {
async value(newValue) {
const result = await validate(newValue, this.validationRules); // do a test validation check, without triggering full validation
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
index 6a6e6cc56..bb768fa14 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
@@ -15,7 +15,10 @@
@click-event="openModal"
aria-label="Modal window" />
-
+
+ v-model="internalModel.zipCode"
+ v-on="{ 'textboxQuestionEvent.inputIdAssigned': onInputIdAssigned }"
+ :cmsWidgetName="textboxQuestionWidgetName" />