{"version":3,"file":"ReminderForm-BTm3i4CD.js","sources":["../../../app/javascript/components/account/calendar/ReminderForm.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      :class=\"{ 'md:flex md:flex-row-reverse mb-4 gap-x-6': isCheckoutPage }\">\n      <date-picker\n        v-model=\"reminder.date\"\n        :errors=\"formErrors['date']\"\n        :lang=\"locale\"\n        :label=\"t('account.calendar.event-form-date')\"\n        required\n        :class=\"isCheckoutPage ? 'md:w-1/2' : 'mb-6'\"\n        data-cy=\"reminder-date\"\n        input-id=\"reminder_date\" />\n      <text-input\n        v-model=\"reminder.name\"\n        :errors=\"formErrors['name']\"\n        :label=\"t('account.calendar.event-form-name')\"\n        required\n        :placeholder=\"t('account.calendar.event-form-name')\"\n        :class=\"isCheckoutPage ? 'md:w-1/2' : 'mb-6'\"\n        data-cy=\"reminder-name\"\n        input-id=\"reminder_name\" />\n    </div>\n    <label class=\"typeset-6 mb-2 block flex\">\n      <span>\n        <p>{{ t(\"account.calendar.event-type\") }}</p>\n      </span>\n      <span class=\"text-red\">*</span>\n    </label>\n    <ul\n      class=\"flex list-unstyled gap-3 flex-wrap mb-2\"\n      :class=\"isCheckoutPage ? 'gap-4' : 'gap-3'\">\n      <li\n        v-for=\"type in sortedReminderTypes\"\n        :key=\"type\">\n        <button\n          class=\"py-3 px-4 bg-white hover:bg-paper-5 transition-background flex items-center br-2 cursor-pointer typeset-10\"\n          :class=\"{ 'bg-paper-4': reminder.reminder_type === type }\"\n          @click=\"reminder.reminder_type = type\">\n          <svg-icon\n            height=\"18px\"\n            width=\"18px\"\n            class=\"mr-3\"\n            :name=\"type\" />\n          {{ t(`account.calendar.types.${type}`) }}\n        </button>\n      </li>\n    </ul>\n    <div\n      v-if=\"formErrors['reminder_type']\"\n      class=\"error-box mt-3 text-red\"\n      style=\"font-size: 12px\">\n      {{ formErrors[\"reminder_type\"].join(\", \") }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\n\nimport DatePicker from \"../../shared/DatePicker.vue\";\nimport TextInput from \"../../shared/TextInput.vue\";\nimport SvgIcon from \"../../shared/SvgIcon.vue\";\n\nexport default {\n  name: \"ReminderForm\",\n  components: {\n    DatePicker,\n    TextInput,\n    SvgIcon\n  },\n  props: {\n    reminder: {\n      type: Object,\n      required: true\n    },\n    isCheckoutPage: {\n      type: Boolean,\n      default: false\n    }\n  },\n  computed: {\n    ...mapState({\n      formErrors: state => state.reminders.formErrors,\n      reminderTypes: state => state.reminders.reminderTypes,\n      locale: state => state.locale\n    }),\n    sortedReminderTypes() {\n      const order = [\"birthday\", \"anniversary\", \"holiday\", \"other\"];\n      return this.reminderTypes\n        .slice()\n        .sort((a, b) => order.indexOf(a) - order.indexOf(b));\n    }\n  }\n};\n</script>\n"],"names":["_sfc_main","DatePicker","TextInput","SvgIcon","mapState","state","order","b","_hoisted_1","_hoisted_2","_createElementBlock","_createElementVNode","_normalizeClass","$props","_createVNode","_component_date_picker","_cache","$event","_ctx","_component_text_input","_openBlock","_Fragment","_renderList","$options","type","_component_svg_icon","_createTextVNode","_toDisplayString","_hoisted_3","_createCommentVNode"],"mappings":"0TAgEA,MAAKA,EAAU,CACb,KAAM,eACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACAC,QAAAA,CACD,EACD,MAAO,CACL,SAAU,CACR,KAAM,OACN,SAAU,EACX,EACD,eAAgB,CACd,KAAM,QACN,QAAS,EACX,CACD,EACD,SAAU,CACR,GAAGC,EAAS,CACV,WAAYC,GAASA,EAAM,UAAU,WACrC,cAAeA,GAASA,EAAM,UAAU,cACxC,OAAQA,GAASA,EAAM,MACzB,CAAC,EACD,qBAAsB,CACpB,MAAMC,EAAQ,CAAC,WAAY,cAAe,UAAW,OAAO,EAC5D,OAAO,KAAK,cACT,MAAK,EACL,KAAK,CAAC,EAAGC,IAAMD,EAAM,QAAQ,CAAC,EAAIA,EAAM,QAAQC,CAAC,CAAC,CACvD,CACF,CACF,EAvEWC,EAAA,CAAA,MAAM,2BAA2B,EAvB5CC,EAAA,CAAA,SAAA,KAAA,IAAA,EAkDM,MAAM,0BACN,MAAA,CAAuB,YAAA,MAAA,iGAlD3BC,EAqDM,MAAA,KAAA,CApDJC,EAoBM,MAAA,CAnBH,MAHPC,8CAG4DC,EAAc,cAAA,CAAA,IACpEC,EAQ6BC,EAAA,CAZnC,WAKiBF,EAAA,SAAS,KAL1B,sBAKiBG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAJ,EAAA,SAAS,KAAII,GACrB,OAAQC,EAAU,WAAA,KAClB,KAAMA,EAAM,OACZ,MAAOA,EAAC,EAAA,kCAAA,EACT,SAAA,GACC,MAVTN,EAUgBC,EAAc,eAAA,WAAA,MAAA,EACtB,UAAQ,gBACR,WAAS,wEACXC,EAQ6BK,EAAA,CArBnC,WAciBN,EAAA,SAAS,KAd1B,sBAciBG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAJ,EAAA,SAAS,KAAII,GACrB,OAAQC,EAAU,WAAA,KAClB,MAAOA,EAAC,EAAA,kCAAA,EACT,SAAA,GACC,YAAaA,EAAC,EAAA,kCAAA,EACd,MAnBTN,EAmBgBC,EAAc,eAAA,WAAA,MAAA,EACtB,UAAQ,gBACR,WAAS,mFAEbF,EAKQ,QALRH,EAKQ,CAJNG,EAEO,OAAA,KAAA,CADLA,EAA6C,WAAvCO,EAAC,EAAA,6BAAA,CAAA,EAAA,CAAA,IAETF,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAA+B,OAAzB,CAAA,MAAM,UAAU,EAAC,IAAC,EAAA,KAE1BA,EAkBK,KAAA,CAjBH,MA9BNC,EAAA,CA8BY,0CACEC,EAAc,eAAA,QAAA,OAAA,CAAA,KACtBO,EAAA,EAAA,EAAAV,EAcKW,EA9CX,KAAAC,EAiCuBC,EAAmB,oBAA3BC,QADTd,EAcK,KAAA,CAZF,IAAKc,GAAI,CACVb,EAUS,SAAA,CATP,MApCVC,GAoCgB,6GAA4G,CAAA,aAC1FC,WAAS,gBAAkBW,CAAI,CAAA,CAAA,EACtD,QAAOP,GAAAJ,EAAA,SAAS,cAAgBW,IACjCV,EAIiBW,EAAA,CAHf,OAAO,OACP,MAAM,OACN,MAAM,OACL,KAAMD,oBA3CnBE,EA2C2B,IACjBC,EAAGT,EAAC,EAAA,0BAA2BM,CAAI,EAAA,CAAA,EAAA,CAAA,CA5C7C,EAAA,GAAAf,CAAA,gBAiDYS,EAAU,WAAA,eADlBE,EAAA,EAAAV,EAKM,MALNkB,EAIKD,EAAAT,EAAA,yBAA4B,KAAI,IAAA,CAAA,EAAA,CAAA,GApDzCW,EAAA,GAAA,EAAA"}