{"version":3,"file":"index-c068MD07.js","sources":["../../src/views/auth/Apply/schema.ts","../../src/views/auth/Apply/ApplicationForm.vue","../../src/views/auth/Apply/ApplicationSubmitted.vue","../../src/views/auth/Apply/ApplicationTerms.vue","../../src/views/auth/Apply/index.vue"],"sourcesContent":["import { type InferType } from \"yup\";\n\nimport { getTypedFormField } from \"#utilities/form\";\nimport {\n  profileFormDefaults as composerPofileFormDefaults,\n  profileSchema as composerProfileSchema,\n} from \"#views/composer/Profile/schema\";\n\n// NOTE: Can switch to 'concat' if needing to add more fields later\nexport const composerApplySchema = composerProfileSchema.clone();\n\nexport type ComposerApplySchema = InferType<typeof composerApplySchema>;\n\nexport const composerApplyFormDefaults: ComposerApplySchema = {\n  ...composerPofileFormDefaults,\n};\n\nexport const composerFormField = getTypedFormField<ComposerApplySchema>;\n","<script lang=\"ts\" setup>\nimport { toTypedSchema } from \"@vee-validate/yup\";\nimport { useField, useForm } from \"vee-validate\";\nimport { ref, watch } from \"vue\";\nimport { onBeforeRouteLeave } from \"vue-router\";\n\nimport FormSubmit from \"#components/form/FormSubmit.vue\";\nimport AuthPageCard from \"#components/layout/AuthPageCard.vue\";\nimport { useConfirmDialog } from \"#composables/use-confirm-dialog\";\nimport { useTryMutation } from \"#composables/use-try-mutation\";\nimport { useComposerApplyMutation } from \"#modules/composer/composer.mutations\";\nimport { getError, isPocketbaseError } from \"#utilities/error\";\nimport {\n  composerApplyFormDefaults,\n  type ComposerApplySchema,\n  composerApplySchema,\n  composerFormField,\n} from \"./schema\";\n\nconst emit = defineEmits<{\n  (event: \"back\"): void;\n  (event: \"next\"): void;\n}>();\n\nconst confirmDialog = useConfirmDialog();\n\nconst {\n  handleSubmit,\n  meta: formMeta,\n  ...composerForm\n} = useForm({\n  validationSchema: toTypedSchema(composerApplySchema),\n  initialValues: composerApplyFormDefaults,\n});\n\nconst photoPreview = ref<string | undefined>(undefined);\n// NOTE: Must be declared BELOW the 'useForm' declaration to work!\nconst photoField = useField(composerFormField(\"photo\"));\nwatch(photoField.value, (value) => {\n  const files = value as unknown as File[];\n  photoPreview.value = files.length ? URL.createObjectURL(files[0]) : undefined;\n});\n\nconst { mutateAsync: composerApplyMutate } = useComposerApplyMutation();\n\nconst tryComposerApply = useTryMutation((args: ComposerApplySchema) => composerApplyMutate(args), {\n  notifySuccess: \"Composer application submitted\",\n  notifyError: (e: unknown) => getError(e as Error, \"Failed to submit composer application\"),\n  onError: (e) => {\n    if (isPocketbaseError(e) && e.data.data[\"email\"]) {\n      composerForm.setFieldError(\"email\", \"Email already in use\");\n    }\n  },\n  onSuccess: () => {\n    emit(\"next\");\n  },\n});\n\nconst handleApply = handleSubmit(tryComposerApply);\n\nconst handleBack = () => {\n  if (formMeta.value.dirty) {\n    return confirmDialog.show({\n      title: \"Discard Application?\",\n      message: \"Are you sure you want to lose your application progress?\",\n      onConfirm: () => emit(\"back\"),\n    });\n  }\n\n  emit(\"back\");\n};\n\n// TODO: Improve UI for this (ie. with async confirm dialog?)\nonBeforeRouteLeave(() => {\n  if (formMeta.value.dirty) {\n    const response = confirm(\"Are you sure you want to leave with unsaved changes?\");\n    if (!response) return false;\n  }\n});\n</script>\n\n<template>\n  <AuthPageCard :max-width=\"600\" title=\"Composer Application\">\n    <LayoutStack is=\"form\" align-items=\"stretch\" :spacing=\"4\" @submit.prevent=\"handleApply\">\n      <VContainer class=\"pa-0\">\n        <VRow>\n          <VCol cols=\"12\" md=\"6\">\n            <TextField autofocus label=\"Name\" :name=\"composerFormField('name')\" />\n          </VCol>\n          <VCol cols=\"12\" md=\"6\">\n            <FileField\n              hint=\"Requires image file (max 5MB)\"\n              label=\"Photo\"\n              :name=\"composerFormField('photo')\"\n              :prepend-icon=\"null\"\n            >\n              <template #append>\n                <VAvatar color=\"grey\" :image=\"photoPreview\" />\n              </template>\n            </FileField>\n          </VCol>\n        </VRow>\n      </VContainer>\n      <VContainer class=\"pa-0\">\n        <VRow>\n          <VCol cols=\"12\" md=\"6\">\n            <TextField label=\"Email\" :name=\"composerFormField('email')\" />\n          </VCol>\n          <VCol cols=\"12\" md=\"6\">\n            <TextField label=\"Phone\" :name=\"composerFormField('phone')\" />\n          </VCol>\n        </VRow>\n      </VContainer>\n\n      <VContainer class=\"pa-0\">\n        <VRow>\n          <VCol cols=\"12\" md=\"6\">\n            <TextField\n              hint=\"City and state/province\"\n              label=\"Location\"\n              :name=\"composerFormField('location')\"\n            />\n          </VCol>\n          <VCol cols=\"12\" md=\"6\">\n            <TextField label=\"Church\" :name=\"composerFormField('church')\" />\n          </VCol>\n        </VRow>\n      </VContainer>\n\n      <TextareaField\n        class=\"text-area\"\n        hint=\"Biography will be used for concert bulletins (ie. write in 3rd person; min 100 characters)\"\n        label=\"Biography\"\n        :name=\"composerFormField('biography')\"\n        persistent-counter\n        :rows=\"5\"\n      />\n\n      <div class=\"mt-1\">\n        <small>\n          Once your application has been reviewed and approved, an email will be sent with a link to\n          create a password and access the portal.\n        </small>\n      </div>\n\n      <FormSubmit size=\"large\">Apply</FormSubmit>\n    </LayoutStack>\n\n    <template #append>\n      <VBtn class=\"mt-2\" variant=\"text\" @click=\"handleBack\">Back</VBtn>\n    </template>\n  </AuthPageCard>\n</template>\n\n<style lang=\"scss\" scoped>\n.text-area :deep(textarea) {\n  font-size: 0.9rem;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { mdiCheckCircle as mdiSuccess } from \"@mdi/js\";\n\nimport AuthPageCard from \"#components/layout/AuthPageCard.vue\";\nimport { useSeasonStore } from \"#modules/season/season.store\";\n\nconst seasonStore = useSeasonStore();\n</script>\n\n<template>\n  <AuthPageCard title=\"Application Submitted\">\n    <LayoutStack align-items=\"stretch\">\n      <VIcon class=\"d-block mx-auto\" color=\"primary\" :icon=\"mdiSuccess\" size=\"64\" />\n\n      <div class=\"text-subtitle-1 text-center\">\n        <strong>Thank you for your submission!</strong>\n      </div>\n\n      <div>\n        Your application has been received and will be reviewed\n        {{\n          seasonStore.acceptingSubmissions\n            ? \"shortly\"\n            : \"prior to accepting submissions next season\"\n        }}. Until your application has been approved, you will not be able to use the portal.\n      </div>\n\n      <small class=\"mt-2\">\n        Once your application has been reviewed and approved, an email will be sent with a link to\n        create a password and access the portal.\n      </small>\n    </LayoutStack>\n  </AuthPageCard>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\n\nimport AuthPageCard from \"#components/layout/AuthPageCard.vue\";\nimport ProgressLoader from \"#components/layout/ProgressLoader.vue\";\nimport { useContentQuery } from \"#modules/content/content.queries\";\nimport { useSeasonStore } from \"#modules/season/season.store\";\n\nconst emit = defineEmits<{\n  (event: \"next\"): void;\n}>();\n\nconst termsAccepted = ref(false);\n\nconst seasonStore = useSeasonStore();\n\nconst { data: contentData, isLoading: contentLoading } = useContentQuery(ref(\"applicationTerms\"));\n</script>\n\n<template>\n  <AuthPageCard :max-width=\"650\" title=\"Composer Application\">\n    <LayoutStack align-items=\"stretch\">\n      <ProgressLoader v-if=\"contentLoading\" padding=\"large\" />\n      <template v-else-if=\"contentData\">\n        <div class=\"terms-html\" v-html=\"contentData.content\" />\n\n        <VCheckbox\n          v-model=\"termsAccepted\"\n          class=\"mt-n4 mb-n1\"\n          hide-details\n          label=\"I accept these terms and conditions\"\n        />\n\n        <VAlert\n          v-if=\"!seasonStore.acceptingSubmissions\"\n          class=\"text-body-2\"\n          color=\"primary\"\n          density=\"compact\"\n        >\n          While submissions are not currently open, composer applications are still welcome!\n        </VAlert>\n\n        <div class=\"text-body-2\">\n          Composer applications will be reviewed prior to submissions opening for the next season\n          (or shortly for applications during submissions period). Until approved, composers will\n          not be able to access the portal. Once your application has been reviewed and approved, an\n          email will be sent with a link to create a password and access the portal.\n        </div>\n      </template>\n      <VAlert v-else type=\"warning\">Content not found</VAlert>\n\n      <VBtn class=\"mt-4\" :disabled=\"!termsAccepted\" size=\"large\" @click=\"emit('next')\">Apply</VBtn>\n    </LayoutStack>\n  </AuthPageCard>\n</template>\n\n<style lang=\"scss\" scoped>\n.terms-html {\n  font-size: 0.9rem;\n\n  :deep(p),\n  :deep(ul) {\n    margin-bottom: 0.5rem;\n  }\n\n  :deep(ul) {\n    padding-left: 1.5rem;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\n\nimport ApplicationFormVue from \"./ApplicationForm.vue\";\nimport ApplicationSubmitted from \"./ApplicationSubmitted.vue\";\nimport ApplicationTerms from \"./ApplicationTerms.vue\";\n\nconst applicationStep = ref<\"terms\" | \"terms\" | \"form\" | \"submitted\">(\"terms\");\n</script>\n\n<template>\n  <!-- Transition requires single child node (all steps must be wraped) -->\n  <transition mode=\"out-in\" name=\"slide\">\n    <LayoutStack v-if=\"applicationStep === 'terms'\" align-items=\"center\" class=\"w-100\">\n      <ApplicationTerms @next=\"applicationStep = 'form'\" />\n    </LayoutStack>\n    <LayoutStack v-else-if=\"applicationStep === 'form'\" align-items=\"center\" class=\"w-100\">\n      <ApplicationFormVue @back=\"applicationStep = 'terms'\" @next=\"applicationStep = 'submitted'\" />\n    </LayoutStack>\n    <LayoutStack v-else-if=\"applicationStep === 'submitted'\" align-items=\"center\" class=\"w-100\">\n      <ApplicationSubmitted />\n    </LayoutStack>\n  </transition>\n</template>\n"],"names":["composerApplySchema","composerProfileSchema","composerApplyFormDefaults","composerPofileFormDefaults","composerFormField","getTypedFormField","emit","__emit","confirmDialog","useConfirmDialog","handleSubmit","formMeta","composerForm","useForm","toTypedSchema","photoPreview","ref","photoField","useField","watch","value","files","composerApplyMutate","useComposerApplyMutation","tryComposerApply","useTryMutation","args","e","getError","isPocketbaseError","handleApply","handleBack","onBeforeRouteLeave","seasonStore","useSeasonStore","termsAccepted","contentData","contentLoading","useContentQuery","applicationStep"],"mappings":"8lCASa,MAAAA,GAAsBC,GAAsB,MAAM,EAIlDC,GAAiD,CAC5D,GAAGC,EACL,EAEaC,EAAoBC,yECEjC,MAAMC,EAAOC,EAKPC,EAAgBC,EAAiB,EAEjC,CACJ,aAAAC,EACA,KAAMC,EACN,GAAGC,GACDC,EAAQ,CACV,iBAAkBC,GAAcd,EAAmB,EACnD,cAAeE,EAAA,CAChB,EAEKa,EAAeC,EAAwB,MAAS,EAEhDC,EAAaC,EAASd,EAAkB,OAAO,CAAC,EAChDe,EAAAF,EAAW,MAAQG,GAAU,CACjC,MAAMC,EAAQD,EACDL,EAAA,MAAQM,EAAM,OAAS,IAAI,gBAAgBA,EAAM,CAAC,CAAC,EAAI,MAAA,CACrE,EAED,KAAM,CAAE,YAAaC,CAAoB,EAAIC,GAAyB,EAEhEC,EAAmBC,GAAgBC,GAA8BJ,EAAoBI,CAAI,EAAG,CAChG,cAAe,iCACf,YAAcC,GAAeC,EAASD,EAAY,uCAAuC,EACzF,QAAUA,GAAM,CACVE,EAAkBF,CAAC,GAAKA,EAAE,KAAK,KAAK,OACzBf,EAAA,cAAc,QAAS,sBAAsB,CAE9D,EACA,UAAW,IAAM,CACfN,EAAK,MAAM,CAAA,CACb,CACD,EAEKwB,EAAcpB,EAAac,CAAgB,EAE3CO,EAAa,IAAM,CACnB,GAAApB,EAAS,MAAM,MACjB,OAAOH,EAAc,KAAK,CACxB,MAAO,uBACP,QAAS,2DACT,UAAW,IAAMF,EAAK,MAAM,CAAA,CAC7B,EAGHA,EAAK,MAAM,CACb,EAGA,OAAA0B,EAAmB,IAAM,CACnB,GAAArB,EAAS,MAAM,OAEb,CADa,QAAQ,sDAAsD,EACzD,MAAA,EACxB,CACD,k8DCxED,MAAMsB,EAAcC,EAAe,22BCEnC,MAAM5B,EAAOC,EAIP4B,EAAgBnB,EAAI,EAAK,EAEzBiB,EAAcC,EAAe,EAE7B,CAAE,KAAME,EAAa,UAAWC,GAAmBC,EAAgBtB,EAAI,kBAAkB,CAAC,+5CCT1F,MAAAuB,EAAkBvB,EAA8C,OAAO"}