{"version":3,"file":"ModalConfirm-hyxX6Dv1.js","sources":["../../../resources/js/components/FormTextarea.vue","../../../resources/js/components/BusinessDraftAiAvatar.vue","../../../resources/js/components/ModalConfirm.vue"],"sourcesContent":["<template>\n  <div class=\"relative\">\n    <FormLabel :for=\"name || id\" :label=\"label\" :required=\"required\" :label-hint=\"labelHint\"/>\n    <textarea\n      ref=\"inputEl\"\n      :id=\"id\"\n      :value=\"formatted\"\n      :placeholder=\"placeholder\"\n      :required=\"required\"\n      @paste=\"enforceFormat\"\n      @keydown=\"enforceFormat\"\n      @input=\"emitEvent('update:modelValue', $event)\"\n      @change=\"emitEvent('change', $event)\"\n      class=\"w-full px-4 py-2.5 leading-tight border rounded-lg appearance-none text-slate-900 bg-slate-100 focus:outline-none\"\n      :style=\"'height:' + defaultHeight + 'px;'\"\n      :class=\"textareaClasses\"\n      :aria-invalid=\"error ? 'true' : 'false'\"\n      :aria-describedby=\"error ? `${id}-error` : null\"\n      :readonly=\"readonly\"\n      :name=\"name\"\n    />\n    <p v-if=\"error\" :id=\"`${id}-error`\" class=\"absolute left-0 text-sm text-red-600 bottom-1\">\n      {{ error }}\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport FormLabel from \"./FormLabel.vue\";\nimport {computed, ref, watch} from \"vue\";\nimport {useInputFormatter} from \"../composables/InputFormatter.js\";\n\nconst props = defineProps({\n  customId: {\n    type: String,\n    default: \"\",\n  },\n  label: {\n    type: String,\n    default: \"\",\n  },\n  labelHint: {\n    type: String,\n    default: \"\",\n  },\n  placeholder: {\n    type: String,\n    default: \"\",\n  },\n  modelValue: {\n    type: [String, Number],\n    default: \"\",\n  },\n  required: {\n    type: Boolean,\n    default: false,\n  },\n  defaultHeight: {\n    type: Number,\n    default: 128,\n  },\n  error: {\n    type: String,\n    default: \"\",\n  },\n  maxLength: {\n    type: Number,\n    default: 512,\n  },\n  resizableX: {\n    type: Boolean,\n    default: false,\n  },\n  resizableY: {\n    type: Boolean,\n    default: true,\n  },\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n  name: String,\n});\n\nconst id = props.customId || \"textarea-\" + Math.random().toString(36).substr(2, 9);\nconst inputEl = ref(null);\n\nconst formatter = useInputFormatter(\"maxLength\", {\n  maxLength: props.maxLength,\n});\nconst emits = defineEmits([\"update:modelValue\", \"change\"]);\n\nconst cleaned = ref(props.modelValue);\nconst formatted = computed(() => {\n  return formatter.applyFormat(cleaned.value);\n});\n\nconst enforceFormat = (e) =>\n  formatter.enforceFormat(e, cleaned.value ? cleaned.value.length : 0);\nconst emitEvent = (emitName, e) => {\n  cleaned.value = formatter.clean(e.target.value);\n  emits(emitName, cleaned.value);\n};\nwatch(\n  () => props.modelValue,\n  () => (cleaned.value = props.modelValue)\n);\n\nconst textareaClasses = computed(() => [\n  props.error ? \"border-red-500 focus:shadow-outline shadow\" : \"\",\n  props.resizableY\n    ? props.resizableX\n      ? \"resize\"\n      : \"resize-y\"\n    : props.resizableX\n      ? \"resize-x\"\n      : \"resize-none\",\n]);\n</script>\n","<template>\n  <div\n    class=\"w-full h-full rounded-2xl overflow-hidden\">\n    <img\n      src=\"https://resources.businessdraft.com/business-draft-ai-avatar-v1.jpg\"\n      alt=\"Business Draft AI Avatar\"\n      class=\"object-cover\"\n      height=\"512\"\n      width=\"512\"\n    />\n  </div>\n</template>\n","<template>\n  <BaseModal :show=\"open\" @cancel=\"handleCancel\" @update:open=\"updateOpen($event)\" max-w-lg add-padding\n             dialog-classes=\"rounded-t-lg\" z-max>\n    <template #default>\n      <div class=\"sm:flex sm:items-start\">\n        <div\n          class=\"mx-auto flex flex-shrink-0 items-center justify-center rounded-full sm:mx-0\"\n          :class=\"[computedBgColor,computedIconContainerSize]\">\n          <Component :is=\"computedIcon\" :class=\"[computedIconColor,computedIconSize]\" aria-hidden=\"true\"/>\n        </div>\n        <div class=\"mt-3 w-full text-center sm:mt-0 sm:ml-4 sm:text-left\">\n          <DialogTitle as=\"h3\" class=\"text-lg font-medium leading-6 text-gray-900\">{{ title }}</DialogTitle>\n          <div class=\"mt-2\" :class=\"!(messageLabel || messagePlaceholder) && 'mb-4'\">\n            <p class=\"break-words text-sm text-gray-500\">{{ description }}</p>\n            <p v-if=\"unsafeHtmlDescription\" v-html=\"unsafeHtmlDescription\"\n               class=\"break-words text-sm text-gray-500 mt-4\"/>\n            <p v-if=\"additionalDescription\" class=\"break-words text-sm text-gray-500 mt-4\">{{\n                additionalDescription\n              }}</p>\n          </div>\n          <slot/>\n          <FormTextarea\n            v-if=\"messageLabel || messagePlaceholder\"\n            :model-value=\"message\"\n            :label=\"messageLabel\"\n            :max-length=\"messageMaxLength\"\n            :placeholder=\"messagePlaceholder\" class=\"mt-6 w-full flex-1\"\n            :required=\"requireMessage\"\n            @update:modelValue=\"$emit('update:message', $event)\"\n          />\n        </div>\n      </div>\n    </template>\n    <template #bottom>\n      <slot name=\"bottom\">\n        <BaseModalButtons\n          @confirm=\"handleConfirm\" @cancel=\"handleCancel\" :proceed-button-text=\"proceedButtonText\"\n          :cancel-button-text=\"cancelButtonText\" :hide-cancel-button=\"hideCancelButton\" :loading=\"loading\"\n          :proceed-button-classes=\"computedButtonStyles\" @update:open=\"updateOpen($event)\"\n          :proceed-button-id=\"proceedButtonId\" :confirm-href=\"confirmHref\" :close-on-cancel=\"closeOnCancel\"/>\n      </slot>\n    </template>\n  </BaseModal>\n</template>\n\n<script setup>\nimport FormTextarea from \"./FormTextarea.vue\";\nimport BaseModal from \"./BaseModal.vue\";\nimport BaseModalButtons from \"./BaseModalButtons.vue\";\nimport BusinessDraftAiAvatar from \"./BusinessDraftAiAvatar.vue\";\nimport {DialogTitle} from \"@headlessui/vue\";\nimport {computed} from \"vue\";\nimport {InformationCircleIcon, ShieldCheckIcon, ShieldExclamationIcon} from \"@heroicons/vue/20/solid/index.js\";\n\nconst emits = defineEmits([\"update:open\", \"confirm\", \"cancel\", \"update:message\"]);\nconst props = defineProps({\n  open: Boolean,\n  title: String,\n  description: String,\n  unsafeHtmlDescription: String,\n  additionalDescription: String,\n  message: String,\n  messageLabel: String,\n  messagePlaceholder: String,\n  requireMessage: Boolean,\n  hideCancelButton: Boolean,\n  preventOpenChanges: Boolean,\n  proceedButtonId: String,\n  confirmHref: String,\n  messageMaxLength: {\n    type: Number,\n    default: 255\n  },\n  proceedButtonText: {\n    type: String,\n    default: \"Proceed\"\n  },\n  cancelButtonText: {\n    type: String,\n    default: \"Cancel\"\n  },\n  level: {\n    type: String,\n    default: \"danger\",\n    validator: (value) => [\"danger\", \"warning\", \"success\", \"info\", \"ai\"].includes(value)\n  },\n  subLevel: {\n    type: String,\n    default: \"\",\n    validator: (value) => [\"\", \"danger\", \"warning\", \"success\", \"info\"].includes(value)\n  },\n  incompleteMessageWarning: {\n    type: String,\n    default: \"Please complete the message field.\"\n  },\n  messageValidationCallback: {\n    type: Function,\n    default: () => true\n  },\n  closeOnConfirm: {\n    type: Boolean,\n    default: true\n  },\n  closeOnCancel: {\n    type: Boolean,\n    default: true\n  },\n  loading: Boolean,\n});\n\nconst levelConfig = {\n  danger: {\n    icon: ShieldExclamationIcon,\n    bgColor: \"bg-red-100\",\n    iconColor: \"text-red-600\",\n    buttonStyles: \"bg-red-600 hover:bg-red-700 focus:ring-red-500\",\n    iconSize: \"h-6 w-6\",\n    iconContainerSize: \"h-12 w-12 sm:h-10 sm:w-10\"\n  },\n  warning: {\n    icon: ShieldExclamationIcon,\n    bgColor: \"bg-yellow-100\",\n    iconColor: \"text-yellow-600\",\n    buttonStyles: \"bg-yellow-600 hover:bg-yellow-700 focus:ring-yellow-500\",\n    iconSize: \"h-6 w-6\",\n    iconContainerSize: \"h-12 w-12 sm:h-10 sm:w-10\"\n  },\n  success: {\n    icon: ShieldCheckIcon,\n    bgColor: \"bg-green-100\",\n    iconColor: \"text-green-600\",\n    buttonStyles: \"bg-green-600 hover:bg-green-700 focus:ring-green-500\",\n    iconSize: \"h-6 w-6\",\n    iconContainerSize: \"h-12 w-12 sm:h-10 sm:w-10\"\n  },\n  info: {\n    icon: InformationCircleIcon,\n    bgColor: \"bg-blue-100\",\n    iconColor: \"text-blue-600\",\n    buttonStyles: \"bg-blue-600 hover:bg-blue-700 focus:ring-blue-500\",\n    iconSize: \"h-6 w-6\",\n    iconContainerSize: \"h-12 w-12 sm:h-10 sm:w-10\"\n  },\n  ai: {\n    icon: BusinessDraftAiAvatar,\n    bgColor: \"\",\n    iconColor: \"\",\n    buttonStyles: \"btn-hire focus:ring-bdOrange-200\",\n    iconSize: \"h-12 w-12\",\n    iconContainerSize: \"h-12 w-12\"\n  }\n};\n\nconst updateOpen = (open) => {\n  if (props.preventOpenChanges) return;\n  emits(\"update:open\", open);\n};\n\nconst computedBgColor = computed(() => levelConfig[props.level].bgColor);\nconst computedIconColor = computed(() => levelConfig[props.level].iconColor);\nconst computedIcon = computed(() => levelConfig[props.level].icon);\nconst computedButtonStyles = computed(() => props.subLevel ? levelConfig[props.subLevel].buttonStyles : levelConfig[props.level].buttonStyles);\nconst computedIconSize = computed(() => levelConfig[props.level].iconSize);\nconst computedIconContainerSize = computed(() => levelConfig[props.level].iconContainerSize);\n\n\nconst handleConfirm = () => {\n  if (props.requireMessage && !props.message) {\n    toast.warning(props.incompleteMessageWarning);\n    return;\n  }\n\n  if (props.messageValidationCallback && !props.messageValidationCallback(props.message)) {\n    return;\n  }\n\n  emits(\"confirm\");\n  if (props.closeOnConfirm) updateOpen(false);\n};\n\nconst handleCancel = (wasClickOutside) => emits(\"cancel\", wasClickOutside);\n</script>\n"],"names":["props","__props","id","inputEl","ref","formatter","useInputFormatter","emits","__emit","cleaned","formatted","computed","enforceFormat","e","emitEvent","emitName","watch","textareaClasses","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","levelConfig","ShieldExclamationIcon","ShieldCheckIcon","InformationCircleIcon","BusinessDraftAiAvatar","updateOpen","open","computedBgColor","computedIconColor","computedIcon","computedButtonStyles","computedIconSize","computedIconContainerSize","handleConfirm","handleCancel","wasClickOutside"],"mappings":"wnCAgCA,MAAMA,EAAQC,EAoDRC,EAAKF,EAAM,UAAY,YAAc,KAAK,SAAS,SAAS,EAAE,EAAE,OAAO,EAAG,CAAC,EAC3EG,EAAUC,EAAI,IAAI,EAElBC,EAAYC,EAAkB,YAAa,CAC/C,UAAWN,EAAM,SACnB,CAAC,EACKO,EAAQC,EAERC,EAAUL,EAAIJ,EAAM,UAAU,EAC9BU,EAAYC,EAAS,IAClBN,EAAU,YAAYI,EAAQ,KAAK,CAC3C,EAEKG,EAAiBC,GACrBR,EAAU,cAAcQ,EAAGJ,EAAQ,MAAQA,EAAQ,MAAM,OAAS,CAAC,EAC/DK,EAAY,CAACC,EAAUF,IAAM,CACjCJ,EAAQ,MAAQJ,EAAU,MAAMQ,EAAE,OAAO,KAAK,EAC9CN,EAAMQ,EAAUN,EAAQ,KAAK,CAC/B,EACAO,EACE,IAAMhB,EAAM,WACZ,IAAOS,EAAQ,MAAQT,EAAM,UAC/B,EAEA,MAAMiB,EAAkBN,EAAS,IAAM,CACrCX,EAAM,MAAQ,6CAA+C,GAC7DA,EAAM,WACFA,EAAM,WACJ,SACA,WACFA,EAAM,WACJ,WACA,aACR,CAAC,y2BCpHC,SAAAkB,EAAAC,EAAAC,EAAA,QAQIC,EAAA,EAAAC,EAAA,MAAAC,EAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CALAI,EAAyE,MAAA,CACzE,IAAI,sEACJ,IAAK,2BACL,qBACA,OAAW,uuCC8CjB,MAAMjB,EAAQC,EACRR,EAAQC,EAuDRwB,EAAc,CAClB,OAAQ,CACN,KAAMC,EACN,QAAS,aACT,UAAW,eACX,aAAc,iDACd,SAAU,UACV,kBAAmB,2BACpB,EACD,QAAS,CACP,KAAMA,EACN,QAAS,gBACT,UAAW,kBACX,aAAc,0DACd,SAAU,UACV,kBAAmB,2BACpB,EACD,QAAS,CACP,KAAMC,EACN,QAAS,eACT,UAAW,iBACX,aAAc,uDACd,SAAU,UACV,kBAAmB,2BACpB,EACD,KAAM,CACJ,KAAMC,EACN,QAAS,cACT,UAAW,gBACX,aAAc,oDACd,SAAU,UACV,kBAAmB,2BACpB,EACD,GAAI,CACF,KAAMC,EACN,QAAS,GACT,UAAW,GACX,aAAc,mCACd,SAAU,YACV,kBAAmB,WACvB,CACA,EAEMC,EAAcC,GAAS,CACvB/B,EAAM,oBACVO,EAAM,cAAewB,CAAI,CAC3B,EAEMC,EAAkBrB,EAAS,IAAMc,EAAYzB,EAAM,KAAK,EAAE,OAAO,EACjEiC,EAAoBtB,EAAS,IAAMc,EAAYzB,EAAM,KAAK,EAAE,SAAS,EACrEkC,EAAevB,EAAS,IAAMc,EAAYzB,EAAM,KAAK,EAAE,IAAI,EAC3DmC,EAAuBxB,EAAS,IAAMX,EAAM,SAAWyB,EAAYzB,EAAM,QAAQ,EAAE,aAAeyB,EAAYzB,EAAM,KAAK,EAAE,YAAY,EACvIoC,EAAmBzB,EAAS,IAAMc,EAAYzB,EAAM,KAAK,EAAE,QAAQ,EACnEqC,EAA4B1B,EAAS,IAAMc,EAAYzB,EAAM,KAAK,EAAE,iBAAiB,EAGrFsC,EAAgB,IAAM,CAC1B,GAAItC,EAAM,gBAAkB,CAACA,EAAM,QAAS,CAC1C,MAAM,QAAQA,EAAM,wBAAwB,EAC5C,MACJ,CAEMA,EAAM,2BAA6B,CAACA,EAAM,0BAA0BA,EAAM,OAAO,IAIrFO,EAAM,SAAS,EACXP,EAAM,gBAAgB8B,EAAW,EAAK,EAC5C,EAEMS,EAAgBC,GAAoBjC,EAAM,SAAUiC,CAAe"}