pat-shared-components 1.1.0 → 1.2.0-beta.2

package/dist/pat-shared-components71.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components71.mjs","sources":["../src/components/BookingDetail/BookingNote.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-pb-4 psc-font-semibold psc-text-black/[0.85]\" }\nconst _hoisted_2 = { class: \"psc-rounded-lg psc-bg-gray-lighten-2 psc-p-4 psc-text-sm psc-italic psc-text-black/[0.85]\" }\n\nexport interface Props {\n  note?: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingNote',\n  props: {\n    note: { default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props as { note: string };\n\n/**\n * Props\n */\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, _toDisplayString(_ctx.$t('psc.test_result_booking_note')), 1),\n    _createElementVNode(\"div\", _hoisted_2, _toDisplayString(props.note), 1)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,sDACtBC,IAAa,EAAE,OAAO,+FAMAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,EACtB;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAOP,WAAA,CAACE,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,OAAOV,GAAYW,EAAiBL,EAAK,GAAG,8BAA8B,CAAC,GAAG,CAAC;AAAA,MACnGI,EAAoB,OAAOT,GAAYU,EAAiBN,EAAM,IAAI,GAAG,CAAC;AAAA,IAAA,CACvE;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"pat-shared-components71.mjs","sources":["../src/components/BookingDetail/BookingCtaButtons.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"psc-space-y-4\"\n}\n\nimport { BookingStatus } from '@/constants/Enums';\nimport type { Booking } from '@/types';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport CtaButton from './CtaButton.vue';\n\nexport interface CtaButtonType {\n  icon?: string;\n  title?: string;\n  subtitile?: string;\n  visible: boolean;\n  buttonText?: string;\n  buttonDisabled?: boolean;\n}\n\n/**\n * Props\n */\nexport interface Props {\n  booking: Booking;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingCtaButtons',\n  props: {\n    booking: null\n  },\n  emits: ['click:view-results', 'click:find-location'],\n  setup(__props: any, { emit }) {\n\nconst props = __props as { booking: Booking };\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst nextStepButton = computed<CtaButtonType>(() => {\n  let result: CtaButtonType = {\n    visible: false,\n  };\n\n  if (props.booking.booking_status === BookingStatus.Created) {\n    if (\n      props.booking.data?.supportingInformation\n        ?.appointmentSampleCollectionPlace\n    ) {\n      result = {\n        visible: false,\n      };\n    } else {\n      result = props.booking.data?.is_hbc\n        ? {\n            icon: 'dgic-support-thick',\n            subtitile: t('psc.test_result_booking_diag_contact_you_and_check'),\n            visible: true,\n          }\n        : {\n            icon: 'dgic-pin-map-thick',\n            subtitile: t('psc.test_result_find_nearest_diag_branch'),\n            visible: true,\n            buttonText: t('psc.test_result_booking_find_location_center'),\n          };\n    }\n  }\n\n  return result;\n});\nconst viewResultButton = computed<CtaButtonType>(() => {\n  let result: CtaButtonType = {\n    visible: false,\n  };\n\n  switch (props.booking.booking_status) {\n    case BookingStatus.Created:\n      result = {\n        subtitile: t('psc.test_result_booking_need_collect_sample'),\n        buttonDisabled: true,\n        visible: true,\n      };\n      break;\n    case BookingStatus.InProgress:\n      result = {\n        subtitile: t('psc.test_result_booking_processing_sample'),\n        visible: true,\n      };\n      break;\n    case BookingStatus.Completed:\n      result = {\n        subtitile: t('psc.test_result_booking_fully_ready'),\n        visible: true,\n      };\n      break;\n    case BookingStatus.Canceled:\n    default:\n      result = {\n        visible: false,\n      };\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_unref(nextStepButton).visible || _unref(viewResultButton).visible)\n    ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n        (_unref(nextStepButton).visible)\n          ? (_openBlock(), _createBlock(CtaButton, {\n              key: 0,\n              title: _ctx.$t('psc.test_result_booking_next_step'),\n              subtitle: _unref(nextStepButton).subtitile,\n              icon: _unref(nextStepButton).icon || '',\n              \"button-text\": _unref(nextStepButton).buttonText,\n              \"onClick:button\": _cache[0] || (_cache[0] = ($event: any) => (emit('click:find-location')))\n            }, null, 8, [\"title\", \"subtitle\", \"icon\", \"button-text\"]))\n          : _createCommentVNode(\"\", true),\n        (_unref(viewResultButton).visible)\n          ? (_openBlock(), _createBlock(CtaButton, {\n              key: 1,\n              title: _ctx.$t('psc.test_result_booking_test_results'),\n              subtitle: _unref(viewResultButton).subtitile,\n              icon: \"dgic-reports-thick\",\n              \"button-text\": _ctx.$t('psc.test_result_booking_view_results'),\n              \"button-disabled\": _unref(viewResultButton).buttonDisabled,\n              \"onClick:button\": _cache[1] || (_cache[1] = ($event: any) => (emit('click:view-results', props.booking.test_result_key)))\n            }, null, 8, [\"title\", \"subtitle\", \"button-text\", \"button-disabled\"]))\n          : _createCommentVNode(\"\", true)\n      ]))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","nextStepButton","computed","result","BookingStatus","_b","_a","_c","viewResultButton","_ctx","_cache","_unref","_openBlock","_createElementBlock","_createBlock","CtaButton","$event","_createCommentVNode"],"mappings":";;;;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAwB4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS;AAAA,EACX;AAAA,EACA,OAAO,CAAC,sBAAsB,qBAAqB;AAAA,EACnD,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYR,EAAE,GAAAG,MAAMC,KACRC,IAAiBC,EAAwB,MAAM;;AACnD,UAAIC,IAAwB;AAAA,QAC1B,SAAS;AAAA,MAAA;AAGX,aAAIL,EAAM,QAAQ,mBAAmBM,EAAc,aAE/CC,KAAAC,IAAAR,EAAM,QAAQ,SAAd,gBAAAQ,EAAoB,0BAApB,QAAAD,EACI,mCAEKF,IAAA;AAAA,QACP,SAAS;AAAA,MAAA,IAGFA,KAAAI,IAAAT,EAAM,QAAQ,SAAd,QAAAS,EAAoB,SACzB;AAAA,QACE,MAAM;AAAA,QACN,WAAWR,EAAE,oDAAoD;AAAA,QACjE,SAAS;AAAA,MAAA,IAEX;AAAA,QACE,MAAM;AAAA,QACN,WAAWA,EAAE,0CAA0C;AAAA,QACvD,SAAS;AAAA,QACT,YAAYA,EAAE,8CAA8C;AAAA,MAAA,IAK/DI;AAAA,IAAA,CACR,GACKK,IAAmBN,EAAwB,MAAM;AACrD,UAAIC,IAAwB;AAAA,QAC1B,SAAS;AAAA,MAAA;AAGH,cAAAL,EAAM,QAAQ,gBAAgB;AAAA,QACpC,KAAKM,EAAc;AACR,UAAAD,IAAA;AAAA,YACP,WAAWJ,EAAE,6CAA6C;AAAA,YAC1D,gBAAgB;AAAA,YAChB,SAAS;AAAA,UAAA;AAEX;AAAA,QACF,KAAKK,EAAc;AACR,UAAAD,IAAA;AAAA,YACP,WAAWJ,EAAE,2CAA2C;AAAA,YACxD,SAAS;AAAA,UAAA;AAEX;AAAA,QACF,KAAKK,EAAc;AACR,UAAAD,IAAA;AAAA,YACP,WAAWJ,EAAE,qCAAqC;AAAA,YAClD,SAAS;AAAA,UAAA;AAEX;AAAA,QACF,KAAKK,EAAc;AAAA,QACnB;AACW,UAAAD,IAAA;AAAA,YACP,SAAS;AAAA,UAAA;AAAA,MAEf;AAEO,aAAAA;AAAA,IAAA,CACR;AAEM,WAAA,CAACM,GAAUC,MACRC,EAAOV,CAAc,EAAE,WAAWU,EAAOH,CAAgB,EAAE,WAC9DI,EAAW,GAAGC,EAAoB,OAAOpB,GAAY;AAAA,MACnDkB,EAAOV,CAAc,EAAE,WACnBW,EAAW,GAAGE,EAAaC,GAAW;AAAA,QACrC,KAAK;AAAA,QACL,OAAON,EAAK,GAAG,mCAAmC;AAAA,QAClD,UAAUE,EAAOV,CAAc,EAAE;AAAA,QACjC,MAAMU,EAAOV,CAAc,EAAE,QAAQ;AAAA,QACrC,eAAeU,EAAOV,CAAc,EAAE;AAAA,QACtC,kBAAkBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAiBnB,EAAK,qBAAqB;AAAA,MACvF,GAAA,MAAM,GAAG,CAAC,SAAS,YAAY,QAAQ,aAAa,CAAC,KACxDoB,EAAoB,IAAI,EAAI;AAAA,MAC/BN,EAAOH,CAAgB,EAAE,WACrBI,EAAW,GAAGE,EAAaC,GAAW;AAAA,QACrC,KAAK;AAAA,QACL,OAAON,EAAK,GAAG,sCAAsC;AAAA,QACrD,UAAUE,EAAOH,CAAgB,EAAE;AAAA,QACnC,MAAM;AAAA,QACN,eAAeC,EAAK,GAAG,sCAAsC;AAAA,QAC7D,mBAAmBE,EAAOH,CAAgB,EAAE;AAAA,QAC5C,kBAAkBE,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAiBnB,EAAK,sBAAsBC,EAAM,QAAQ,eAAe;AAAA,MACrH,GAAA,MAAM,GAAG,CAAC,SAAS,YAAY,eAAe,iBAAiB,CAAC,KACnEmB,EAAoB,IAAI,EAAI;AAAA,IACjC,CAAA,KACDA,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}

package/dist/pat-shared-components72.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),o=require("./pat-shared-components101.js"),n=require("./pat-shared-components102.js"),p={class:"psc-h-[110px] psc-space-y-3 psc-rounded-lg psc-bg-white psc-p-4 psc-shadow"},l={class:"psc-flex psc-items-end"},i={class:"psc-flex-auto psc-text-sm psc-font-medium psc-text-black/[0.85]"},a={class:"psc-flex-initial psc-pl-2 psc-text-center"},u={class:"psc-flex psc-items-center"},r={class:"psc-flex-auto psc-text-lg psc-font-semibold psc-text-blue-darken-1"},_={class:"psc-flex-initial psc-pl-2 psc-text-center"},d=e.defineComponent({__name:"BookingNumber",props:{bookingCode:null,bookingStatus:null,paymentStatus:null},setup(s){const t=s;return(c,m)=>(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",l,[e.createElementVNode("div",i,e.toDisplayString(c.$t("psc.test_result_booking_booking_number")),1),e.createElementVNode("div",a,[e.createVNode(o,{status:t.bookingStatus},null,8,["status"])])]),e.createElementVNode("div",u,[e.createElementVNode("div",r,e.toDisplayString(t.bookingCode),1),e.createElementVNode("div",_,[e.createVNode(n,{status:t.paymentStatus},null,8,["status"])])])]))}});module.exports=d;
+"use strict";const e=require("vue"),c=require("./pat-shared-components187.js"),s=require("./pat-shared-components177.js"),t={class:"psc-flex psc-w-full psc-animate-pulse psc-flex-wrap psc-space-y-6"},o=e.createElementVNode("div",{class:"psc-w-full psc-space-y-3"},[e.createElementVNode("div",{class:"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400"}),e.createElementVNode("div",{class:"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300"})],-1),p={class:"psc-w-2/3"},a={class:"psc-w-1/3 psc-space-y-11 psc-pl-11"},n=e.defineComponent({__name:"BookingDetailDesktopSkeleton",setup(r){return(l,d)=>(e.openBlock(),e.createElementBlock("div",t,[o,e.createElementVNode("div",p,[e.createVNode(c)]),e.createElementVNode("div",a,[e.createVNode(s),e.createVNode(s)])]))}});module.exports=n;
 //# sourceMappingURL=pat-shared-components72.js.map

package/dist/pat-shared-components72.js.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components72.js","sources":["../src/components/BookingDetail/BookingNumber.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-h-[110px] psc-space-y-3 psc-rounded-lg psc-bg-white psc-p-4 psc-shadow\" }\nconst _hoisted_2 = { class: \"psc-flex psc-items-end\" }\nconst _hoisted_3 = { class: \"psc-flex-auto psc-text-sm psc-font-medium psc-text-black/[0.85]\" }\nconst _hoisted_4 = { class: \"psc-flex-initial psc-pl-2 psc-text-center\" }\nconst _hoisted_5 = { class: \"psc-flex psc-items-center\" }\nconst _hoisted_6 = { class: \"psc-flex-auto psc-text-lg psc-font-semibold psc-text-blue-darken-1\" }\nconst _hoisted_7 = { class: \"psc-flex-initial psc-pl-2 psc-text-center\" }\n\nimport type { BookingStatus, PaymentStatus } from '@/constants/Enums';\nimport BookingStatusComponent from './BookingStatusComponent.vue';\nimport PaymentStatusComponent from './PaymentStatusComponent.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  bookingCode: string;\n  bookingStatus: `${BookingStatus}`;\n  paymentStatus: `${PaymentStatus}`;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingNumber',\n  props: {\n    bookingCode: null,\n    bookingStatus: null,\n    paymentStatus: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { bookingCode: string, bookingStatus: `${BookingStatus}`, paymentStatus: `${PaymentStatus}` };\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, _toDisplayString(_ctx.$t('psc.test_result_booking_booking_number')), 1),\n      _createElementVNode(\"div\", _hoisted_4, [\n        _createVNode(BookingStatusComponent, {\n          status: props.bookingStatus\n        }, null, 8, [\"status\"])\n      ])\n    ]),\n    _createElementVNode(\"div\", _hoisted_5, [\n      _createElementVNode(\"div\", _hoisted_6, _toDisplayString(props.bookingCode), 1),\n      _createElementVNode(\"div\", _hoisted_7, [\n        _createVNode(PaymentStatusComponent, {\n          status: props.paymentStatus\n        }, null, 8, [\"status\"])\n      ])\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","BookingStatusComponent","PaymentStatusComponent"],"mappings":"0HAGMA,EAAa,CAAE,MAAO,8EACtBC,EAAa,CAAE,MAAO,0BACtBC,EAAa,CAAE,MAAO,mEACtBC,EAAa,CAAE,MAAO,6CACtBC,EAAa,CAAE,MAAO,6BACtBC,EAAa,CAAE,MAAO,sEACtBC,EAAa,CAAE,MAAO,6CAeAC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,YAAa,KACb,cAAe,KACf,cAAe,IACjB,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIP,MAAA,CAACE,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOd,EAAY,CAC3De,EAAA,mBAAoB,MAAOd,EAAY,CACrCc,qBAAoB,MAAOb,EAAYc,EAAA,gBAAiBL,EAAK,GAAG,wCAAwC,CAAC,EAAG,CAAC,EAC7GI,EAAA,mBAAoB,MAAOZ,EAAY,CACrCc,EAAAA,YAAaC,EAAwB,CACnC,OAAQR,EAAM,aACb,EAAA,KAAM,EAAG,CAAC,QAAQ,CAAC,CAAA,CACvB,CAAA,CACF,EACDK,EAAA,mBAAoB,MAAOX,EAAY,CACrCW,qBAAoB,MAAOV,EAAYW,EAAAA,gBAAiBN,EAAM,WAAW,EAAG,CAAC,EAC7EK,EAAA,mBAAoB,MAAOT,EAAY,CACrCW,EAAAA,YAAaE,EAAwB,CACnC,OAAQT,EAAM,aACb,EAAA,KAAM,EAAG,CAAC,QAAQ,CAAC,CAAA,CACvB,CAAA,CACF,CAAA,CACF,EAEH,CAEA,CAAC"}
+{"version":3,"file":"pat-shared-components72.js","sources":["../src/components/BookingDetail/BookingDetailDesktopSkeleton/BookingDetailDesktopSkeleton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-flex psc-w-full psc-animate-pulse psc-flex-wrap psc-space-y-6\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-w-full psc-space-y-3\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400\" }),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300\" })\n], -1)\nconst _hoisted_3 = { class: \"psc-w-2/3\" }\nconst _hoisted_4 = { class: \"psc-w-1/3 psc-space-y-11 psc-pl-11\" }\n\nimport BasicInfoSkeleton from './BasicInfoSkeleton.vue';\nimport CtaButtonSkeleton from '@/components/Shared/CtaButtonSkeleton.vue';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingDetailDesktopSkeleton',\n  setup(__props) {\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _hoisted_2,\n    _createElementVNode(\"div\", _hoisted_3, [\n      _createVNode(BasicInfoSkeleton)\n    ]),\n    _createElementVNode(\"div\", _hoisted_4, [\n      _createVNode(CtaButtonSkeleton),\n      _createVNode(CtaButtonSkeleton)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BasicInfoSkeleton","CtaButtonSkeleton"],"mappings":"0HAGMA,EAAa,CAAE,MAAO,qEACtBC,EAA8CC,EAAAA,mBAAA,MAAO,CAAE,MAAO,4BAA8B,CAC/DA,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA2E,EAC3FA,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA2E,CAC9H,EAAG,EAAE,EACCC,EAAa,CAAE,MAAO,aACtBC,EAAa,CAAE,MAAO,sCAKAC,EAAiBC,kBAAA,CAC3C,OAAQ,+BACR,MAAMC,EAAS,CAGV,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC3DC,EACAC,EAAA,mBAAoB,MAAOC,EAAY,CACrCS,EAAAA,YAAaC,CAAiB,CAAA,CAC/B,EACDX,EAAA,mBAAoB,MAAOE,EAAY,CACrCQ,EAAAA,YAAaE,CAAiB,EAC9BF,EAAAA,YAAaE,CAAiB,CAAA,CAC/B,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/pat-shared-components72.mjs

@@ -1,36 +1,25 @@
-import { defineComponent as p, openBlock as i, createElementBlock as l, createElementVNode as s, toDisplayString as e, createVNode as c } from "vue";
-import a from "./pat-shared-components101.mjs";
-import d from "./pat-shared-components102.mjs";
-const _ = { class: "psc-h-[110px] psc-space-y-3 psc-rounded-lg psc-bg-white psc-p-4 psc-shadow" }, r = { class: "psc-flex psc-items-end" }, u = { class: "psc-flex-auto psc-text-sm psc-font-medium psc-text-black/[0.85]" }, m = { class: "psc-flex-initial psc-pl-2 psc-text-center" }, f = { class: "psc-flex psc-items-center" }, x = { class: "psc-flex-auto psc-text-lg psc-font-semibold psc-text-blue-darken-1" }, b = { class: "psc-flex-initial psc-pl-2 psc-text-center" }, S = /* @__PURE__ */ p({
-  __name: "BookingNumber",
-  props: {
-    bookingCode: null,
-    bookingStatus: null,
-    paymentStatus: null
-  },
-  setup(o) {
-    const t = o;
-    return (n, g) => (i(), l("div", _, [
+import { defineComponent as p, openBlock as o, createElementBlock as t, createElementVNode as s, createVNode as c } from "vue";
+import a from "./pat-shared-components187.mjs";
+import e from "./pat-shared-components177.mjs";
+const l = { class: "psc-flex psc-w-full psc-animate-pulse psc-flex-wrap psc-space-y-6" }, n = /* @__PURE__ */ s("div", { class: "psc-w-full psc-space-y-3" }, [
+  /* @__PURE__ */ s("div", { class: "psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400" }),
+  /* @__PURE__ */ s("div", { class: "psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300" })
+], -1), r = { class: "psc-w-2/3" }, d = { class: "psc-w-1/3 psc-space-y-11 psc-pl-11" }, k = /* @__PURE__ */ p({
+  __name: "BookingDetailDesktopSkeleton",
+  setup(i) {
+    return (_, m) => (o(), t("div", l, [
+      n,
       s("div", r, [
-        s("div", u, e(n.$t("psc.test_result_booking_booking_number")), 1),
-        s("div", m, [
-          c(a, {
-            status: t.bookingStatus
-          }, null, 8, ["status"])
-        ])
+        c(a)
       ]),
-      s("div", f, [
-        s("div", x, e(t.bookingCode), 1),
-        s("div", b, [
-          c(d, {
-            status: t.paymentStatus
-          }, null, 8, ["status"])
-        ])
+      s("div", d, [
+        c(e),
+        c(e)
       ])
     ]));
   }
 });
 export {
-  S as default
+  k as default
 };
 //# sourceMappingURL=pat-shared-components72.mjs.map

package/dist/pat-shared-components72.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components72.mjs","sources":["../src/components/BookingDetail/BookingNumber.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-h-[110px] psc-space-y-3 psc-rounded-lg psc-bg-white psc-p-4 psc-shadow\" }\nconst _hoisted_2 = { class: \"psc-flex psc-items-end\" }\nconst _hoisted_3 = { class: \"psc-flex-auto psc-text-sm psc-font-medium psc-text-black/[0.85]\" }\nconst _hoisted_4 = { class: \"psc-flex-initial psc-pl-2 psc-text-center\" }\nconst _hoisted_5 = { class: \"psc-flex psc-items-center\" }\nconst _hoisted_6 = { class: \"psc-flex-auto psc-text-lg psc-font-semibold psc-text-blue-darken-1\" }\nconst _hoisted_7 = { class: \"psc-flex-initial psc-pl-2 psc-text-center\" }\n\nimport type { BookingStatus, PaymentStatus } from '@/constants/Enums';\nimport BookingStatusComponent from './BookingStatusComponent.vue';\nimport PaymentStatusComponent from './PaymentStatusComponent.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  bookingCode: string;\n  bookingStatus: `${BookingStatus}`;\n  paymentStatus: `${PaymentStatus}`;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingNumber',\n  props: {\n    bookingCode: null,\n    bookingStatus: null,\n    paymentStatus: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { bookingCode: string, bookingStatus: `${BookingStatus}`, paymentStatus: `${PaymentStatus}` };\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, _toDisplayString(_ctx.$t('psc.test_result_booking_booking_number')), 1),\n      _createElementVNode(\"div\", _hoisted_4, [\n        _createVNode(BookingStatusComponent, {\n          status: props.bookingStatus\n        }, null, 8, [\"status\"])\n      ])\n    ]),\n    _createElementVNode(\"div\", _hoisted_5, [\n      _createElementVNode(\"div\", _hoisted_6, _toDisplayString(props.bookingCode), 1),\n      _createElementVNode(\"div\", _hoisted_7, [\n        _createVNode(PaymentStatusComponent, {\n          status: props.paymentStatus\n        }, null, 8, [\"status\"])\n      ])\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","BookingStatusComponent","PaymentStatusComponent"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,gFACtBC,IAAa,EAAE,OAAO,4BACtBC,IAAa,EAAE,OAAO,qEACtBC,IAAa,EAAE,OAAO,+CACtBC,IAAa,EAAE,OAAO,+BACtBC,IAAa,EAAE,OAAO,wEACtBC,IAAa,EAAE,OAAO,+CAeAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe;AAAA,IACf,eAAe;AAAA,EACjB;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAIP,WAAA,CAACE,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOd,GAAY;AAAA,MAC3De,EAAoB,OAAOd,GAAY;AAAA,QACrCc,EAAoB,OAAOb,GAAYc,EAAiBL,EAAK,GAAG,wCAAwC,CAAC,GAAG,CAAC;AAAA,QAC7GI,EAAoB,OAAOZ,GAAY;AAAA,UACrCc,EAAaC,GAAwB;AAAA,YACnC,QAAQR,EAAM;AAAA,UACb,GAAA,MAAM,GAAG,CAAC,QAAQ,CAAC;AAAA,QAAA,CACvB;AAAA,MAAA,CACF;AAAA,MACDK,EAAoB,OAAOX,GAAY;AAAA,QACrCW,EAAoB,OAAOV,GAAYW,EAAiBN,EAAM,WAAW,GAAG,CAAC;AAAA,QAC7EK,EAAoB,OAAOT,GAAY;AAAA,UACrCW,EAAaE,GAAwB;AAAA,YACnC,QAAQT,EAAM;AAAA,UACb,GAAA,MAAM,GAAG,CAAC,QAAQ,CAAC;AAAA,QAAA,CACvB;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"pat-shared-components72.mjs","sources":["../src/components/BookingDetail/BookingDetailDesktopSkeleton/BookingDetailDesktopSkeleton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-flex psc-w-full psc-animate-pulse psc-flex-wrap psc-space-y-6\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-w-full psc-space-y-3\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400\" }),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300\" })\n], -1)\nconst _hoisted_3 = { class: \"psc-w-2/3\" }\nconst _hoisted_4 = { class: \"psc-w-1/3 psc-space-y-11 psc-pl-11\" }\n\nimport BasicInfoSkeleton from './BasicInfoSkeleton.vue';\nimport CtaButtonSkeleton from '@/components/Shared/CtaButtonSkeleton.vue';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingDetailDesktopSkeleton',\n  setup(__props) {\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _hoisted_2,\n    _createElementVNode(\"div\", _hoisted_3, [\n      _createVNode(BasicInfoSkeleton)\n    ]),\n    _createElementVNode(\"div\", _hoisted_4, [\n      _createVNode(CtaButtonSkeleton),\n      _createVNode(CtaButtonSkeleton)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BasicInfoSkeleton","CtaButtonSkeleton"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,uEACtBC,IAA8CC,gBAAAA,EAAA,OAAO,EAAE,OAAO,8BAA8B;AAAA,EAC/DA,gBAAAA,EAAA,OAAO,EAAE,OAAO,2EAA2E;AAAA,EAC3FA,gBAAAA,EAAA,OAAO,EAAE,OAAO,2EAA2E;AAC9H,GAAG,EAAE,GACCC,IAAa,EAAE,OAAO,eACtBC,IAAa,EAAE,OAAO,wCAKAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAGV,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC3DC;AAAA,MACAC,EAAoB,OAAOC,GAAY;AAAA,QACrCS,EAAaC,CAAiB;AAAA,MAAA,CAC/B;AAAA,MACDX,EAAoB,OAAOE,GAAY;AAAA,QACrCQ,EAAaE,CAAiB;AAAA,QAC9BF,EAAaE,CAAiB;AAAA,MAAA,CAC/B;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}

package/dist/pat-shared-components73.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./pat-shared-components4.js"),d=require("./pat-shared-components88.js"),k={class:"psc-space-y-6"},v={class:"psc-pb-4 psc-font-semibold psc-text-black/[0.85]"},g={class:"psc-space-y-3"},f=e.createElementVNode("div",{class:"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]"},[e.createElementVNode("i",{class:"dgic-test"})],-1),E={class:"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]"},h=e.defineComponent({__name:"TestList",props:{services:null},setup(o){const n=o,{t:c,locale:r}=d.useI18n(),a=e.computed(()=>{const s=[{title:c("psc.test_result_booking_tests"),items:[]},{title:c("psc.test_result_booking_packages"),items:[]},{title:c("psc.test_result_booking_imaging_services"),items:[]}];return n.services&&n.services.forEach(({service:t})=>{t&&(t.service_type==i.ServiceType.ImagingService?s[2].items.push(t):[i.ServiceType.Group,i.ServiceType.Package].includes(t.service_type)?s[1].items.push(t):s[0].items.push(t))}),s.filter(t=>t.items.length>0)}),p=s=>r.value==="vi"?s.test_name_vi:s.test_name_en;return(s,t)=>(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(l,m)=>(e.openBlock(),e.createElementBlock("div",{key:`serviceDataItem${m}`},[e.createElementVNode("div",v,e.toDisplayString(l.title),1),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(u,_)=>(e.openBlock(),e.createElementBlock("div",{key:`item${_}`,class:"psc-flex"},[f,e.createElementVNode("div",E,e.toDisplayString(p(u)),1)]))),128))])]))),128))]))}});module.exports=h;
+"use strict";const e=require("vue"),r=require("./pat-shared-components78.js"),a={class:"psc-flex psc-w-full"},l={class:"psc-text-xl psc-font-bold psc-text-black/[0.85]"},p={class:"psc-pr-1"},i={class:"psc-capitalize"},_=e.defineComponent({__name:"PatientName",props:{firstName:null},setup(s){const c=s,{t:n}=r.useI18n(),o=e.computed(()=>{var t;return((t=c.firstName)==null?void 0:t.toLowerCase())||""});return(t,u)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",l,[e.createElementVNode("span",p,e.toDisplayString(e.unref(n)("psc.test_result_hi")),1),e.createElementVNode("span",i,e.toDisplayString(e.unref(o)),1)])]))}});module.exports=_;
 //# sourceMappingURL=pat-shared-components73.js.map

package/dist/pat-shared-components73.js.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components73.js","sources":["../src/components/BookingDetail/TestList.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-space-y-6\" }\nconst _hoisted_2 = { class: \"psc-pb-4 psc-font-semibold psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-space-y-3\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"dgic-test\" })\n], -1)\nconst _hoisted_5 = { class: \"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]\" }\n\nimport { ServiceType } from '@/constants/Enums';\nimport type { BookingService, BookingServiceDetail } from '@/types';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nexport interface ServiceDataItem {\n  title: string;\n  items: BookingServiceDetail[];\n}\n\n/**\n * Props\n */\nexport interface Props {\n  services: BookingService[];\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'TestList',\n  props: {\n    services: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { services: BookingService[] };\n\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst serviceDataItems = computed(() => {\n  const result: ServiceDataItem[] = [\n    {\n      title: t('psc.test_result_booking_tests'),\n      items: [],\n    },\n    {\n      title: t('psc.test_result_booking_packages'),\n      items: [],\n    },\n    {\n      title: t('psc.test_result_booking_imaging_services'),\n      items: [],\n    },\n  ];\n\n  if (props.services) {\n    props.services.forEach(({ service }) => {\n      // NOTE: There still be ONE case that `service` is NULL\n      if (service) {\n        if (service.service_type == ServiceType.ImagingService) {\n          result[2].items.push(service);\n        } else if (\n          [ServiceType.Group, ServiceType.Package].includes(\n            service.service_type\n          )\n        ) {\n          result[1].items.push(service);\n        } else {\n          result[0].items.push(service);\n        }\n      }\n    });\n  }\n\n  return result.filter((i) => i.items.length > 0);\n});\n\n/**\n * Methods\n */\nconst getTestName = (item: BookingServiceDetail) =>\n  locale.value === 'vi' ? item.test_name_vi : item.test_name_en;\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(serviceDataItems), (serviceDataItem, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: `serviceDataItem${i}`\n      }, [\n        _createElementVNode(\"div\", _hoisted_2, _toDisplayString(serviceDataItem.title), 1),\n        _createElementVNode(\"div\", _hoisted_3, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(serviceDataItem.items, (item, j) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: `item${j}`,\n              class: \"psc-flex\"\n            }, [\n              _hoisted_4,\n              _createElementVNode(\"div\", _hoisted_5, _toDisplayString(getTestName(item)), 1)\n            ]))\n          }), 128))\n        ])\n      ]))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","props","t","locale","useI18n","serviceDataItems","computed","result","service","ServiceType","i","getTestName","item","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_renderList","_unref","serviceDataItem","_toDisplayString","j"],"mappings":"uHAGMA,EAAa,CAAE,MAAO,iBACtBC,EAAa,CAAE,MAAO,oDACtBC,EAAa,CAAE,MAAO,iBACtBC,EAA8CC,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA4E,CAC7GA,EAAAA,mBAAA,IAAK,CAAE,MAAO,YAAa,CAC9D,EAAG,EAAE,EACCC,EAAa,CAAE,MAAO,4EAmBAC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,SAAU,IACZ,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAOR,CAAE,EAAAE,EAAG,OAAAC,CAAO,EAAIC,EAAQ,QAAA,EACxBC,EAAmBC,EAAAA,SAAS,IAAM,CACtC,MAAMC,EAA4B,CAChC,CACE,MAAOL,EAAE,+BAA+B,EACxC,MAAO,CAAC,CACV,EACA,CACE,MAAOA,EAAE,kCAAkC,EAC3C,MAAO,CAAC,CACV,EACA,CACE,MAAOA,EAAE,0CAA0C,EACnD,MAAO,CAAC,CACV,CAAA,EAGF,OAAID,EAAM,UACRA,EAAM,SAAS,QAAQ,CAAC,CAAE,QAAAO,KAAc,CAElCA,IACEA,EAAQ,cAAgBC,EAAA,YAAY,eACtCF,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO,EAE5B,CAACC,EAAAA,YAAY,MAAOA,EAAAA,YAAY,OAAO,EAAE,SACvCD,EAAQ,YAAA,EAGVD,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO,EAE5BD,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO,EAEhC,CACD,EAGID,EAAO,OAAQG,GAAMA,EAAE,MAAM,OAAS,CAAC,CAAA,CAC/C,EAKKC,EAAeC,GACnBT,EAAO,QAAU,KAAOS,EAAK,aAAeA,EAAK,aAE5C,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOxB,EAAY,EAC1DuB,EAAAA,UAAW,EAAI,EAAGC,EAAA,mBAAoBC,EAAW,SAAA,KAAMC,aAAYC,EAAAA,MAAOd,CAAgB,EAAG,CAACe,EAAiBV,KACtGK,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAK,kBAAkBN,GAAA,EACtB,CACDd,qBAAoB,MAAOH,EAAY4B,EAAAA,gBAAiBD,EAAgB,KAAK,EAAG,CAAC,EACjFxB,EAAA,mBAAoB,MAAOF,EAAY,EACpCqB,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAC,WAAW,KAAMC,EAAA,WAAYE,EAAgB,MAAO,CAACR,EAAMU,KACxFP,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAK,OAAOM,IACZ,MAAO,UAAA,EACN,CACD3B,EACAC,EAAA,mBAAoB,MAAOC,EAAYwB,EAAAA,gBAAiBV,EAAYC,CAAI,CAAC,EAAG,CAAC,CAAA,CAC9E,EACF,EAAG,GAAG,EAAA,CACR,CAAA,CACF,EACF,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}
+{"version":3,"file":"pat-shared-components73.js","sources":["../src/components/Shared/PatientName.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-flex psc-w-full\" }\nconst _hoisted_2 = { class: \"psc-text-xl psc-font-bold psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-pr-1\" }\nconst _hoisted_4 = { class: \"psc-capitalize\" }\n\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n/**\n * Props\n */\nexport interface Props {\n  firstName: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'PatientName',\n  props: {\n    firstName: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { firstName: string };\n\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst firstName = computed(() => props.firstName?.toLowerCase() || '');\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"span\", _hoisted_3, _toDisplayString(_unref(t)('psc.test_result_hi')), 1),\n      _createElementVNode(\"span\", _hoisted_4, _toDisplayString(_unref(firstName)), 1)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","props","t","useI18n","firstName","computed","_a","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref"],"mappings":"8EAGMA,EAAa,CAAE,MAAO,uBACtBC,EAAa,CAAE,MAAO,mDACtBC,EAAa,CAAE,MAAO,YACtBC,EAAa,CAAE,MAAO,kBAYAC,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,UAAW,IACb,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAOR,CAAE,EAAAE,GAAMC,EAAAA,UACRC,EAAYC,EAAAA,SAAS,IAAM,OAAA,QAAAC,EAAAL,EAAM,YAAN,YAAAK,EAAiB,gBAAiB,GAAE,EAE9D,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOhB,EAAY,CAC3DiB,EAAA,mBAAoB,MAAOhB,EAAY,CACrCgB,qBAAoB,OAAQf,EAAYgB,kBAAiBC,EAAAA,MAAOX,CAAC,EAAE,oBAAoB,CAAC,EAAG,CAAC,EAC5FS,EAAA,mBAAoB,OAAQd,EAAYe,EAAAA,gBAAiBC,EAAAA,MAAOT,CAAS,CAAC,EAAG,CAAC,CAAA,CAC/E,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/pat-shared-components73.mjs

@@ -1,54 +1,24 @@
-import { defineComponent as h, computed as x, openBlock as t, createElementBlock as c, Fragment as r, renderList as a, unref as b, createElementVNode as i, toDisplayString as _ } from "vue";
-import { ServiceType as o } from "./pat-shared-components4.mjs";
-import { useI18n as y } from "./pat-shared-components88.mjs";
-const E = { class: "psc-space-y-6" }, I = { class: "psc-pb-4 psc-font-semibold psc-text-black/[0.85]" }, S = { class: "psc-space-y-3" }, T = /* @__PURE__ */ i("div", { class: "psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]" }, [
-  /* @__PURE__ */ i("i", { class: "dgic-test" })
-], -1), B = { class: "psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]" }, $ = /* @__PURE__ */ h({
-  __name: "TestList",
+import { defineComponent as r, computed as l, openBlock as i, createElementBlock as _, createElementVNode as s, toDisplayString as e, unref as c } from "vue";
+import { useI18n as m } from "./pat-shared-components78.mjs";
+const f = { class: "psc-flex psc-w-full" }, d = { class: "psc-text-xl psc-font-bold psc-text-black/[0.85]" }, u = { class: "psc-pr-1" }, h = { class: "psc-capitalize" }, b = /* @__PURE__ */ r({
+  __name: "PatientName",
   props: {
-    services: null
+    firstName: null
   },
-  setup(m) {
-    const n = m, { t: l, locale: u } = y(), d = x(() => {
-      const s = [
-        {
-          title: l("psc.test_result_booking_tests"),
-          items: []
-        },
-        {
-          title: l("psc.test_result_booking_packages"),
-          items: []
-        },
-        {
-          title: l("psc.test_result_booking_imaging_services"),
-          items: []
-        }
-      ];
-      return n.services && n.services.forEach(({ service: e }) => {
-        e && (e.service_type == o.ImagingService ? s[2].items.push(e) : [o.Group, o.Package].includes(
-          e.service_type
-        ) ? s[1].items.push(e) : s[0].items.push(e));
-      }), s.filter((e) => e.items.length > 0);
-    }), f = (s) => u.value === "vi" ? s.test_name_vi : s.test_name_en;
-    return (s, e) => (t(), c("div", E, [
-      (t(!0), c(r, null, a(b(d), (p, g) => (t(), c("div", {
-        key: `serviceDataItem${g}`
-      }, [
-        i("div", I, _(p.title), 1),
-        i("div", S, [
-          (t(!0), c(r, null, a(p.items, (v, k) => (t(), c("div", {
-            key: `item${k}`,
-            class: "psc-flex"
-          }, [
-            T,
-            i("div", B, _(f(v)), 1)
-          ]))), 128))
-        ])
-      ]))), 128))
+  setup(o) {
+    const n = o, { t: p } = m(), a = l(() => {
+      var t;
+      return ((t = n.firstName) == null ? void 0 : t.toLowerCase()) || "";
+    });
+    return (t, x) => (i(), _("div", f, [
+      s("div", d, [
+        s("span", u, e(c(p)("psc.test_result_hi")), 1),
+        s("span", h, e(c(a)), 1)
+      ])
     ]));
   }
 });
 export {
-  $ as default
+  b as default
 };
 //# sourceMappingURL=pat-shared-components73.mjs.map

package/dist/pat-shared-components73.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components73.mjs","sources":["../src/components/BookingDetail/TestList.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-space-y-6\" }\nconst _hoisted_2 = { class: \"psc-pb-4 psc-font-semibold psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-space-y-3\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"dgic-test\" })\n], -1)\nconst _hoisted_5 = { class: \"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]\" }\n\nimport { ServiceType } from '@/constants/Enums';\nimport type { BookingService, BookingServiceDetail } from '@/types';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nexport interface ServiceDataItem {\n  title: string;\n  items: BookingServiceDetail[];\n}\n\n/**\n * Props\n */\nexport interface Props {\n  services: BookingService[];\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'TestList',\n  props: {\n    services: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { services: BookingService[] };\n\n\n\n/**\n * Data\n */\nconst { t, locale } = useI18n();\nconst serviceDataItems = computed(() => {\n  const result: ServiceDataItem[] = [\n    {\n      title: t('psc.test_result_booking_tests'),\n      items: [],\n    },\n    {\n      title: t('psc.test_result_booking_packages'),\n      items: [],\n    },\n    {\n      title: t('psc.test_result_booking_imaging_services'),\n      items: [],\n    },\n  ];\n\n  if (props.services) {\n    props.services.forEach(({ service }) => {\n      // NOTE: There still be ONE case that `service` is NULL\n      if (service) {\n        if (service.service_type == ServiceType.ImagingService) {\n          result[2].items.push(service);\n        } else if (\n          [ServiceType.Group, ServiceType.Package].includes(\n            service.service_type\n          )\n        ) {\n          result[1].items.push(service);\n        } else {\n          result[0].items.push(service);\n        }\n      }\n    });\n  }\n\n  return result.filter((i) => i.items.length > 0);\n});\n\n/**\n * Methods\n */\nconst getTestName = (item: BookingServiceDetail) =>\n  locale.value === 'vi' ? item.test_name_vi : item.test_name_en;\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(serviceDataItems), (serviceDataItem, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: `serviceDataItem${i}`\n      }, [\n        _createElementVNode(\"div\", _hoisted_2, _toDisplayString(serviceDataItem.title), 1),\n        _createElementVNode(\"div\", _hoisted_3, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(serviceDataItem.items, (item, j) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: `item${j}`,\n              class: \"psc-flex\"\n            }, [\n              _hoisted_4,\n              _createElementVNode(\"div\", _hoisted_5, _toDisplayString(getTestName(item)), 1)\n            ]))\n          }), 128))\n        ])\n      ]))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","props","t","locale","useI18n","serviceDataItems","computed","result","service","ServiceType","i","getTestName","item","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_renderList","_unref","serviceDataItem","_toDisplayString","j"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,mBACtBC,IAAa,EAAE,OAAO,sDACtBC,IAAa,EAAE,OAAO,mBACtBC,IAA8CC,gBAAAA,EAAA,OAAO,EAAE,OAAO,4EAA4E;AAAA,EAC7GA,gBAAAA,EAAA,KAAK,EAAE,OAAO,aAAa;AAC9D,GAAG,EAAE,GACCC,IAAa,EAAE,OAAO,8EAmBAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,UAAU;AAAA,EACZ;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAOR,EAAE,GAAAE,GAAG,QAAAC,EAAO,IAAIC,EAAQ,GACxBC,IAAmBC,EAAS,MAAM;AACtC,YAAMC,IAA4B;AAAA,QAChC;AAAA,UACE,OAAOL,EAAE,+BAA+B;AAAA,UACxC,OAAO,CAAC;AAAA,QACV;AAAA,QACA;AAAA,UACE,OAAOA,EAAE,kCAAkC;AAAA,UAC3C,OAAO,CAAC;AAAA,QACV;AAAA,QACA;AAAA,UACE,OAAOA,EAAE,0CAA0C;AAAA,UACnD,OAAO,CAAC;AAAA,QACV;AAAA,MAAA;AAGF,aAAID,EAAM,YACRA,EAAM,SAAS,QAAQ,CAAC,EAAE,SAAAO,QAAc;AAEtC,QAAIA,MACEA,EAAQ,gBAAgBC,EAAY,iBACtCF,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO,IAE5B,CAACC,EAAY,OAAOA,EAAY,OAAO,EAAE;AAAA,UACvCD,EAAQ;AAAA,QAAA,IAGVD,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO,IAE5BD,EAAO,CAAC,EAAE,MAAM,KAAKC,CAAO;AAAA,MAEhC,CACD,GAGID,EAAO,OAAO,CAACG,MAAMA,EAAE,MAAM,SAAS,CAAC;AAAA,IAAA,CAC/C,GAKKC,IAAc,CAACC,MACnBT,EAAO,UAAU,OAAOS,EAAK,eAAeA,EAAK;AAE5C,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOxB,GAAY;AAAA,OAC1DuB,EAAW,EAAI,GAAGC,EAAoBC,GAAW,MAAMC,EAAYC,EAAOd,CAAgB,GAAG,CAACe,GAAiBV,OACtGK,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAK,kBAAkBN;AAAA,MAAA,GACtB;AAAA,QACDd,EAAoB,OAAOH,GAAY4B,EAAiBD,EAAgB,KAAK,GAAG,CAAC;AAAA,QACjFxB,EAAoB,OAAOF,GAAY;AAAA,WACpCqB,EAAW,EAAI,GAAGC,EAAoBC,GAAW,MAAMC,EAAYE,EAAgB,OAAO,CAACR,GAAMU,OACxFP,EAAA,GAAcC,EAAoB,OAAO;AAAA,YAC/C,KAAK,OAAOM;AAAA,YACZ,OAAO;AAAA,UAAA,GACN;AAAA,YACD3B;AAAA,YACAC,EAAoB,OAAOC,GAAYwB,EAAiBV,EAAYC,CAAI,CAAC,GAAG,CAAC;AAAA,UAAA,CAC9E,EACF,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,MAAA,CACF,EACF,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"pat-shared-components73.mjs","sources":["../src/components/Shared/PatientName.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-flex psc-w-full\" }\nconst _hoisted_2 = { class: \"psc-text-xl psc-font-bold psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-pr-1\" }\nconst _hoisted_4 = { class: \"psc-capitalize\" }\n\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n/**\n * Props\n */\nexport interface Props {\n  firstName: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'PatientName',\n  props: {\n    firstName: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { firstName: string };\n\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst firstName = computed(() => props.firstName?.toLowerCase() || '');\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"span\", _hoisted_3, _toDisplayString(_unref(t)('psc.test_result_hi')), 1),\n      _createElementVNode(\"span\", _hoisted_4, _toDisplayString(_unref(firstName)), 1)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","props","t","useI18n","firstName","computed","_a","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,yBACtBC,IAAa,EAAE,OAAO,qDACtBC,IAAa,EAAE,OAAO,cACtBC,IAAa,EAAE,OAAO,oBAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAOR,EAAE,GAAAE,MAAMC,KACRC,IAAYC,EAAS,MAAM;;AAAA,eAAAC,IAAAL,EAAM,cAAN,gBAAAK,EAAiB,kBAAiB;AAAA,KAAE;AAE9D,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOhB,GAAY;AAAA,MAC3DiB,EAAoB,OAAOhB,GAAY;AAAA,QACrCgB,EAAoB,QAAQf,GAAYgB,EAAiBC,EAAOX,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC;AAAA,QAC5FS,EAAoB,QAAQd,GAAYe,EAAiBC,EAAOT,CAAS,CAAC,GAAG,CAAC;AAAA,MAAA,CAC/E;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}

package/dist/pat-shared-components74.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),n=require("./pat-shared-components194.js"),l={class:"psc-pb-4 psc-font-semibold psc-text-black/[0.85]"},a={class:"psc-flex"},i=t.createElementVNode("div",{class:"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]"},[t.createElementVNode("i",{class:"dgic-statement-thick"})],-1),p={class:"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]"},r=t.defineComponent({__name:"TotalPayment",props:{totalAmount:null},setup(e){const s=e,{getDisplayAmount:c}=n.useCurrency();return(o,m)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",l,t.toDisplayString(o.$t("psc.test_result_booking_total_payment")),1),t.createElementVNode("div",a,[i,t.createElementVNode("div",p,t.toDisplayString(t.unref(c)(s.totalAmount)),1)])]))}});module.exports=r;
+"use strict";const e=require("vue"),s=require("./pat-shared-components176.js"),c=require("./pat-shared-components177.js"),t={class:"psc-animate-pulse psc-space-y-11"},o={class:"psc-space-y-6"},a=e.createElementVNode("div",{class:"psc-space-y-3"},[e.createElementVNode("div",{class:"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400"}),e.createElementVNode("div",{class:"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300"})],-1),n={class:"psc-space-y-4"},r=e.defineComponent({__name:"BookingDetailSkeleton",setup(p){return(d,l)=>(e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",o,[a,e.createElementVNode("div",n,[e.createVNode(c)])]),e.createVNode(s)]))}});module.exports=r;
 //# sourceMappingURL=pat-shared-components74.js.map

package/dist/pat-shared-components74.js.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components74.js","sources":["../src/components/BookingDetail/TotalPayment.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-pb-4 psc-font-semibold psc-text-black/[0.85]\" }\nconst _hoisted_2 = { class: \"psc-flex\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"dgic-statement-thick\" })\n], -1)\nconst _hoisted_4 = { class: \"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]\" }\n\nimport { useCurrency } from '@/composables/Currency';\n\n/**\n * Props\n */\nexport interface Props {\n  totalAmount: number;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'TotalPayment',\n  props: {\n    totalAmount: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { totalAmount: number };\n\n\n\n/**\n * Data\n */\nconst { getDisplayAmount } = useCurrency();\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, _toDisplayString(_ctx.$t('psc.test_result_booking_total_payment')), 1),\n    _createElementVNode(\"div\", _hoisted_2, [\n      _hoisted_3,\n      _createElementVNode(\"div\", _hoisted_4, _toDisplayString(_unref(getDisplayAmount)(props.totalAmount)), 1)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_sfc_main","_defineComponent","__props","props","getDisplayAmount","useCurrency","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_unref"],"mappings":"+EAGMA,EAAa,CAAE,MAAO,oDACtBC,EAAa,CAAE,MAAO,YACtBC,EAA8CC,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA4E,CAC7GA,EAAAA,mBAAA,IAAK,CAAE,MAAO,uBAAwB,CACzE,EAAG,EAAE,EACCC,EAAa,CAAE,MAAO,4EAWAC,EAAiBC,kBAAA,CAC3C,OAAQ,eACR,MAAO,CACL,YAAa,IACf,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAOR,CAAE,iBAAAE,GAAqBC,EAAAA,cAEtB,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDX,qBAAoB,MAAOH,EAAYe,EAAA,gBAAiBJ,EAAK,GAAG,uCAAuC,CAAC,EAAG,CAAC,EAC5GR,EAAA,mBAAoB,MAAOF,EAAY,CACrCC,EACAC,EAAAA,mBAAoB,MAAOC,EAAYW,EAAAA,gBAAiBC,EAAA,MAAOP,CAAgB,EAAED,EAAM,WAAW,CAAC,EAAG,CAAC,CAAA,CACxG,CAAA,CACF,EAEH,CAEA,CAAC"}
+{"version":3,"file":"pat-shared-components74.js","sources":["../src/components/BookingDetail/BookingDetailSkeleton/BookingDetailSkeleton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-animate-pulse psc-space-y-11\" }\nconst _hoisted_2 = { class: \"psc-space-y-6\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-space-y-3\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400\" }),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300\" })\n], -1)\nconst _hoisted_4 = { class: \"psc-space-y-4\" }\n\nimport BasicInfoSkeleton from './BasicInfoSkeleton.vue';\nimport CtaButtonSkeleton from '@/components/Shared/CtaButtonSkeleton.vue';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingDetailSkeleton',\n  setup(__props) {\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _hoisted_3,\n      _createElementVNode(\"div\", _hoisted_4, [\n        _createVNode(CtaButtonSkeleton)\n      ])\n    ]),\n    _createVNode(BasicInfoSkeleton)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_sfc_main","_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","CtaButtonSkeleton","BasicInfoSkeleton"],"mappings":"0HAGMA,EAAa,CAAE,MAAO,oCACtBC,EAAa,CAAE,MAAO,iBACtBC,EAA8CC,EAAAA,mBAAA,MAAO,CAAE,MAAO,iBAAmB,CACpDA,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA2E,EAC3FA,EAAAA,mBAAA,MAAO,CAAE,MAAO,0EAA2E,CAC9H,EAAG,EAAE,EACCC,EAAa,CAAE,MAAO,iBAKAC,EAAiBC,kBAAA,CAC3C,OAAQ,wBACR,MAAMC,EAAS,CAGV,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC3DG,EAAA,mBAAoB,MAAOF,EAAY,CACrCC,EACAC,EAAA,mBAAoB,MAAOC,EAAY,CACrCQ,EAAAA,YAAaC,CAAiB,CAAA,CAC/B,CAAA,CACF,EACDD,EAAAA,YAAaE,CAAiB,CAAA,CAC/B,EAEH,CAEA,CAAC"}

package/dist/pat-shared-components74.mjs

@@ -1,24 +1,24 @@
-import { defineComponent as n, openBlock as p, createElementBlock as a, createElementVNode as t, toDisplayString as s, unref as i } from "vue";
-import { useCurrency as r } from "./pat-shared-components194.mjs";
-const m = { class: "psc-pb-4 psc-font-semibold psc-text-black/[0.85]" }, _ = { class: "psc-flex" }, d = /* @__PURE__ */ t("div", { class: "psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]" }, [
-  /* @__PURE__ */ t("i", { class: "dgic-statement-thick" })
-], -1), u = { class: "psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]" }, b = /* @__PURE__ */ n({
-  __name: "TotalPayment",
-  props: {
-    totalAmount: null
-  },
-  setup(e) {
-    const c = e, { getDisplayAmount: o } = r();
-    return (l, f) => (p(), a("div", null, [
-      t("div", m, s(l.$t("psc.test_result_booking_total_payment")), 1),
-      t("div", _, [
+import { defineComponent as c, openBlock as o, createElementBlock as t, createElementVNode as s, createVNode as e } from "vue";
+import a from "./pat-shared-components176.mjs";
+import p from "./pat-shared-components177.mjs";
+const n = { class: "psc-animate-pulse psc-space-y-11" }, r = { class: "psc-space-y-6" }, d = /* @__PURE__ */ s("div", { class: "psc-space-y-3" }, [
+  /* @__PURE__ */ s("div", { class: "psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400" }),
+  /* @__PURE__ */ s("div", { class: "psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300" })
+], -1), i = { class: "psc-space-y-4" }, y = /* @__PURE__ */ c({
+  __name: "BookingDetailSkeleton",
+  setup(l) {
+    return (_, m) => (o(), t("div", n, [
+      s("div", r, [
         d,
-        t("div", u, s(i(o)(c.totalAmount)), 1)
-      ])
+        s("div", i, [
+          e(p)
+        ])
+      ]),
+      e(a)
     ]));
   }
 });
 export {
-  b as default
+  y as default
 };
 //# sourceMappingURL=pat-shared-components74.mjs.map

package/dist/pat-shared-components74.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components74.mjs","sources":["../src/components/BookingDetail/TotalPayment.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-pb-4 psc-font-semibold psc-text-black/[0.85]\" }\nconst _hoisted_2 = { class: \"psc-flex\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-flex psc-w-6 psc-flex-initial psc-items-start psc-text-black/[0.4]\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"dgic-statement-thick\" })\n], -1)\nconst _hoisted_4 = { class: \"psc-flex psc-flex-auto psc-items-start psc-text-sm psc-text-black/[0.85]\" }\n\nimport { useCurrency } from '@/composables/Currency';\n\n/**\n * Props\n */\nexport interface Props {\n  totalAmount: number;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'TotalPayment',\n  props: {\n    totalAmount: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { totalAmount: number };\n\n\n\n/**\n * Data\n */\nconst { getDisplayAmount } = useCurrency();\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, _toDisplayString(_ctx.$t('psc.test_result_booking_total_payment')), 1),\n    _createElementVNode(\"div\", _hoisted_2, [\n      _hoisted_3,\n      _createElementVNode(\"div\", _hoisted_4, _toDisplayString(_unref(getDisplayAmount)(props.totalAmount)), 1)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_sfc_main","_defineComponent","__props","props","getDisplayAmount","useCurrency","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_unref"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,sDACtBC,IAAa,EAAE,OAAO,cACtBC,IAA8CC,gBAAAA,EAAA,OAAO,EAAE,OAAO,4EAA4E;AAAA,EAC7GA,gBAAAA,EAAA,KAAK,EAAE,OAAO,wBAAwB;AACzE,GAAG,EAAE,GACCC,IAAa,EAAE,OAAO,8EAWAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,aAAa;AAAA,EACf;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAOR,EAAE,kBAAAE,MAAqBC;AAEtB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDX,EAAoB,OAAOH,GAAYe,EAAiBJ,EAAK,GAAG,uCAAuC,CAAC,GAAG,CAAC;AAAA,MAC5GR,EAAoB,OAAOF,GAAY;AAAA,QACrCC;AAAA,QACAC,EAAoB,OAAOC,GAAYW,EAAiBC,EAAOP,CAAgB,EAAED,EAAM,WAAW,CAAC,GAAG,CAAC;AAAA,MAAA,CACxG;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"pat-shared-components74.mjs","sources":["../src/components/BookingDetail/BookingDetailSkeleton/BookingDetailSkeleton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-animate-pulse psc-space-y-11\" }\nconst _hoisted_2 = { class: \"psc-space-y-6\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-space-y-3\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-8 psc-w-[64%] psc-rounded-lg psc-bg-gray-200 dark:psc-bg-gray-400\" }),\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"psc-h-5 psc-w-[86%] psc-rounded-lg psc-bg-gray-100 dark:psc-bg-gray-300\" })\n], -1)\nconst _hoisted_4 = { class: \"psc-space-y-4\" }\n\nimport BasicInfoSkeleton from './BasicInfoSkeleton.vue';\nimport CtaButtonSkeleton from '@/components/Shared/CtaButtonSkeleton.vue';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingDetailSkeleton',\n  setup(__props) {\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _hoisted_3,\n      _createElementVNode(\"div\", _hoisted_4, [\n        _createVNode(CtaButtonSkeleton)\n      ])\n    ]),\n    _createVNode(BasicInfoSkeleton)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_sfc_main","_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","CtaButtonSkeleton","BasicInfoSkeleton"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,EAAE,OAAO,mBACtBC,IAA8CC,gBAAAA,EAAA,OAAO,EAAE,OAAO,mBAAmB;AAAA,EACpDA,gBAAAA,EAAA,OAAO,EAAE,OAAO,2EAA2E;AAAA,EAC3FA,gBAAAA,EAAA,OAAO,EAAE,OAAO,2EAA2E;AAC9H,GAAG,EAAE,GACCC,IAAa,EAAE,OAAO,mBAKAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAGV,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC3DG,EAAoB,OAAOF,GAAY;AAAA,QACrCC;AAAA,QACAC,EAAoB,OAAOC,GAAY;AAAA,UACrCQ,EAAaC,CAAiB;AAAA,QAAA,CAC/B;AAAA,MAAA,CACF;AAAA,MACDD,EAAaE,CAAiB;AAAA,IAAA,CAC/B;AAAA,EAEH;AAEA,CAAC;"}

package/dist/pat-shared-components75.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),c=require("./pat-shared-components88.js"),n=require("./pat-shared-components81.js"),a={class:"psc-space-y-4"},p={class:"psc-w-20 psc-flex-initial psc-text-black/[0.85]"},i={class:"psc-flex-auto"},u=["href"],_=e.defineComponent({__name:"DiagSupport",setup(d){const{t}=c.useI18n(),o=e.computed(()=>[{label:t("psc.test_result_booking_support_zalo"),text:"Diag Laboratories",href:"https://zalo.me/1687121322887646763"},{label:t("psc.test_result_booking_support_hotline"),text:"19001717",href:"tel:19001717"},{label:t("psc.test_result_booking_support_email"),text:"customersupport@diag.vn",href:"mailto:customersupport@diag.vn"}]);return(r,m)=>(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(n,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.$t("psc.test_result_support")),1)]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(s,l)=>(e.openBlock(),e.createElementBlock("div",{key:`link${l}`,class:"psc-flex"},[e.createElementVNode("div",p,e.toDisplayString(s.label),1),e.createElementVNode("div",i,[e.createElementVNode("a",{class:"psc-text-blue-darken-1",href:s.href},e.toDisplayString(s.text),9,u)])]))),128))]))}});module.exports=_;
+"use strict";const s=require("vue"),a=require("./pat-shared-components196.js"),t=require("./pat-shared-components4.js"),u=s.defineComponent({__name:"BookingStatusComponent",props:{status:null},setup(r){const e=r,{getBookingStatusText:c}=a.useBooking(),n=s.computed(()=>{if(!e.status)return{text:"",cssClass:""};const o={[t.BookingStatus.Created]:"psc-text-blue-darken-1 psc-bg-blue-lighten-1",[t.BookingStatus.InProgress]:"psc-text-orange-darken-1 psc-bg-orange-lighten-1",[t.BookingStatus.Completed]:"psc-text-green-darken-2 psc-bg-green-lighten-1",[t.BookingStatus.Canceled]:"psc-text-red-darken-1 psc-bg-red-lighten-1"};return{text:c(e.status),cssClass:o[e.status]}});return(o,p)=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["psc-rounded-lg psc-px-2 psc-py-1 psc-text-xs psc-font-semibold",s.unref(n).cssClass])},s.toDisplayString(s.unref(n).text),3))}});module.exports=u;
 //# sourceMappingURL=pat-shared-components75.js.map

package/dist/pat-shared-components75.js.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components75.js","sources":["../src/components/BookingDetail/DiagSupport.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-space-y-4\" }\nconst _hoisted_2 = { class: \"psc-w-20 psc-flex-initial psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-flex-auto\" }\nconst _hoisted_4 = [\"href\"]\n\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport SectionTitle from '../Shared/SectionTitle.vue';\n\n/**\n * Data\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'DiagSupport',\n  setup(__props) {\n\nconst { t } = useI18n();\nconst links = computed(() => [\n  {\n    label: t('psc.test_result_booking_support_zalo'),\n    text: 'Diag Laboratories',\n    href: 'https://zalo.me/1687121322887646763',\n  },\n  {\n    label: t('psc.test_result_booking_support_hotline'),\n    text: '19001717',\n    href: 'tel:19001717',\n  },\n  {\n    label: t('psc.test_result_booking_support_email'),\n    text: 'customersupport@diag.vn',\n    href: 'mailto:customersupport@diag.vn',\n  },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(SectionTitle, null, {\n      default: _withCtx(() => [\n        _createTextVNode(_toDisplayString(_ctx.$t('psc.test_result_support')), 1)\n      ]),\n      _: 1\n    }),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(links), (link, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: `link${i}`,\n        class: \"psc-flex\"\n      }, [\n        _createElementVNode(\"div\", _hoisted_2, _toDisplayString(link.label), 1),\n        _createElementVNode(\"div\", _hoisted_3, [\n          _createElementVNode(\"a\", {\n            class: \"psc-text-blue-darken-1\",\n            href: link.href\n          }, _toDisplayString(link.text), 9, _hoisted_4)\n        ])\n      ]))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","useI18n","links","computed","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","SectionTitle","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_renderList","_unref","link","i","_createElementVNode"],"mappings":"wHAGMA,EAAa,CAAE,MAAO,iBACtBC,EAAa,CAAE,MAAO,mDACtBC,EAAa,CAAE,MAAO,iBACtBC,EAAa,CAAC,MAAM,EAUEC,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAMC,EAAS,CAEX,KAAA,CAAE,GAAMC,EAAAA,UACRC,EAAQC,EAAAA,SAAS,IAAM,CAC3B,CACE,MAAO,EAAE,sCAAsC,EAC/C,KAAM,oBACN,KAAM,qCACR,EACA,CACE,MAAO,EAAE,yCAAyC,EAClD,KAAM,WACN,KAAM,cACR,EACA,CACE,MAAO,EAAE,uCAAuC,EAChD,KAAM,0BACN,KAAM,gCACR,CAAA,CACD,EAEM,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOb,EAAY,CAC3Dc,EAAA,YAAaC,EAAc,KAAM,CAC/B,QAASC,UAAS,IAAM,CACtBC,kBAAiBC,EAAiB,gBAAAR,EAAK,GAAG,yBAAyB,CAAC,EAAG,CAAC,CAAA,CACzE,EACD,EAAG,CAAA,CACJ,GACAE,EAAAA,UAAW,EAAI,EAAGC,EAAA,mBAAoBM,EAAW,SAAA,KAAMC,aAAYC,EAAAA,MAAOb,CAAK,EAAG,CAACc,EAAMC,KAChFX,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAK,OAAOU,IACZ,MAAO,UAAA,EACN,CACDC,qBAAoB,MAAOvB,EAAYiB,EAAAA,gBAAiBI,EAAK,KAAK,EAAG,CAAC,EACtEE,EAAA,mBAAoB,MAAOtB,EAAY,CACrCsB,EAAAA,mBAAoB,IAAK,CACvB,MAAO,yBACP,KAAMF,EAAK,MACVJ,EAAiB,gBAAAI,EAAK,IAAI,EAAG,EAAGnB,CAAU,CAAA,CAC9C,CAAA,CACF,EACF,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}
+{"version":3,"file":"pat-shared-components75.js","sources":["../src/components/BookingDetail/BookingStatusComponent.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { useBooking } from '@/composables/Booking';\nimport { BookingStatus } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  status: `${BookingStatus}`;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingStatusComponent',\n  props: {\n    status: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { status: `${BookingStatus}` };\n\n\n\n/**\n * Data\n */\nconst { getBookingStatusText } = useBooking();\nconst statusItem = computed<{ text: string; cssClass: string }>(() => {\n  if (!props.status) {\n    return {\n      text: '',\n      cssClass: '',\n    };\n  }\n\n  const cssClasses: Record<BookingStatus, string> = {\n    [BookingStatus.Created]: 'psc-text-blue-darken-1 psc-bg-blue-lighten-1',\n    [BookingStatus.InProgress]:\n      'psc-text-orange-darken-1 psc-bg-orange-lighten-1',\n    [BookingStatus.Completed]: 'psc-text-green-darken-2 psc-bg-green-lighten-1',\n    [BookingStatus.Canceled]: 'psc-text-red-darken-1 psc-bg-red-lighten-1',\n  };\n\n  return {\n    text: getBookingStatusText(props.status),\n    cssClass: cssClasses[props.status],\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"psc-rounded-lg psc-px-2 psc-py-1 psc-text-xs psc-font-semibold\", _unref(statusItem).cssClass])\n  }, _toDisplayString(_unref(statusItem).text), 3))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","getBookingStatusText","useBooking","statusItem","computed","cssClasses","BookingStatus","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_toDisplayString"],"mappings":"wHAc4BA,EAAiBC,kBAAA,CAC3C,OAAQ,yBACR,MAAO,CACL,OAAQ,IACV,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAOR,CAAE,qBAAAE,GAAyBC,EAAAA,aAC3BC,EAAaC,EAAAA,SAA6C,IAAM,CAChE,GAAA,CAACJ,EAAM,OACF,MAAA,CACL,KAAM,GACN,SAAU,EAAA,EAId,MAAMK,EAA4C,CAChD,CAACC,EAAAA,cAAc,OAAO,EAAG,+CACzB,CAACA,EAAAA,cAAc,UAAU,EACvB,mDACF,CAACA,EAAAA,cAAc,SAAS,EAAG,iDAC3B,CAACA,EAAAA,cAAc,QAAQ,EAAG,4CAAA,EAGrB,MAAA,CACL,KAAML,EAAqBD,EAAM,MAAM,EACvC,SAAUK,EAAWL,EAAM,MAAM,CAAA,CACnC,CACD,EAEM,MAAA,CAACO,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,iBAAgB,CAAC,iEAAkEC,QAAOT,CAAU,EAAE,QAAQ,CAAC,CAAA,EACrHU,EAAAA,gBAAiBD,EAAAA,MAAOT,CAAU,EAAE,IAAI,EAAG,CAAC,EAEjD,CAEA,CAAC"}

package/dist/pat-shared-components75.mjs

@@ -1,49 +1,35 @@
-import { defineComponent as n, computed as i, openBlock as s, createElementBlock as o, createVNode as _, withCtx as u, createTextVNode as d, toDisplayString as r, Fragment as m, renderList as f, unref as h, createElementVNode as l } from "vue";
-import { useI18n as x } from "./pat-shared-components88.mjs";
-import b from "./pat-shared-components81.mjs";
-const g = { class: "psc-space-y-4" }, k = { class: "psc-w-20 psc-flex-initial psc-text-black/[0.85]" }, v = { class: "psc-flex-auto" }, y = ["href"], z = /* @__PURE__ */ n({
-  __name: "DiagSupport",
-  setup(D) {
-    const { t } = x(), c = i(() => [
-      {
-        label: t("psc.test_result_booking_support_zalo"),
-        text: "Diag Laboratories",
-        href: "https://zalo.me/1687121322887646763"
-      },
-      {
-        label: t("psc.test_result_booking_support_hotline"),
-        text: "19001717",
-        href: "tel:19001717"
-      },
-      {
-        label: t("psc.test_result_booking_support_email"),
-        text: "customersupport@diag.vn",
-        href: "mailto:customersupport@diag.vn"
-      }
-    ]);
-    return (p, N) => (s(), o("div", g, [
-      _(b, null, {
-        default: u(() => [
-          d(r(p.$t("psc.test_result_support")), 1)
-        ]),
-        _: 1
-      }),
-      (s(!0), o(m, null, f(h(c), (e, a) => (s(), o("div", {
-        key: `link${a}`,
-        class: "psc-flex"
-      }, [
-        l("div", k, r(e.label), 1),
-        l("div", v, [
-          l("a", {
-            class: "psc-text-blue-darken-1",
-            href: e.href
-          }, r(e.text), 9, y)
-        ])
-      ]))), 128))
-    ]));
+import { defineComponent as a, computed as p, openBlock as l, createElementBlock as u, normalizeClass as g, unref as o, toDisplayString as i } from "vue";
+import { useBooking as d } from "./pat-shared-components196.mjs";
+import { BookingStatus as t } from "./pat-shared-components4.mjs";
+const f = /* @__PURE__ */ a({
+  __name: "BookingStatusComponent",
+  props: {
+    status: null
+  },
+  setup(r) {
+    const s = r, { getBookingStatusText: c } = d(), e = p(() => {
+      if (!s.status)
+        return {
+          text: "",
+          cssClass: ""
+        };
+      const n = {
+        [t.Created]: "psc-text-blue-darken-1 psc-bg-blue-lighten-1",
+        [t.InProgress]: "psc-text-orange-darken-1 psc-bg-orange-lighten-1",
+        [t.Completed]: "psc-text-green-darken-2 psc-bg-green-lighten-1",
+        [t.Canceled]: "psc-text-red-darken-1 psc-bg-red-lighten-1"
+      };
+      return {
+        text: c(s.status),
+        cssClass: n[s.status]
+      };
+    });
+    return (n, m) => (l(), u("div", {
+      class: g(["psc-rounded-lg psc-px-2 psc-py-1 psc-text-xs psc-font-semibold", o(e).cssClass])
+    }, i(o(e).text), 3));
   }
 });
 export {
-  z as default
+  f as default
 };
 //# sourceMappingURL=pat-shared-components75.mjs.map

package/dist/pat-shared-components75.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pat-shared-components75.mjs","sources":["../src/components/BookingDetail/DiagSupport.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"psc-space-y-4\" }\nconst _hoisted_2 = { class: \"psc-w-20 psc-flex-initial psc-text-black/[0.85]\" }\nconst _hoisted_3 = { class: \"psc-flex-auto\" }\nconst _hoisted_4 = [\"href\"]\n\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport SectionTitle from '../Shared/SectionTitle.vue';\n\n/**\n * Data\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'DiagSupport',\n  setup(__props) {\n\nconst { t } = useI18n();\nconst links = computed(() => [\n  {\n    label: t('psc.test_result_booking_support_zalo'),\n    text: 'Diag Laboratories',\n    href: 'https://zalo.me/1687121322887646763',\n  },\n  {\n    label: t('psc.test_result_booking_support_hotline'),\n    text: '19001717',\n    href: 'tel:19001717',\n  },\n  {\n    label: t('psc.test_result_booking_support_email'),\n    text: 'customersupport@diag.vn',\n    href: 'mailto:customersupport@diag.vn',\n  },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(SectionTitle, null, {\n      default: _withCtx(() => [\n        _createTextVNode(_toDisplayString(_ctx.$t('psc.test_result_support')), 1)\n      ]),\n      _: 1\n    }),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(links), (link, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: `link${i}`,\n        class: \"psc-flex\"\n      }, [\n        _createElementVNode(\"div\", _hoisted_2, _toDisplayString(link.label), 1),\n        _createElementVNode(\"div\", _hoisted_3, [\n          _createElementVNode(\"a\", {\n            class: \"psc-text-blue-darken-1\",\n            href: link.href\n          }, _toDisplayString(link.text), 9, _hoisted_4)\n        ])\n      ]))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","useI18n","links","computed","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","SectionTitle","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_renderList","_unref","link","i","_createElementVNode"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,mBACtBC,IAAa,EAAE,OAAO,qDACtBC,IAAa,EAAE,OAAO,mBACtBC,IAAa,CAAC,MAAM,GAUEC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,MAAMC,GAAS;AAEX,UAAA,EAAE,MAAMC,KACRC,IAAQC,EAAS,MAAM;AAAA,MAC3B;AAAA,QACE,OAAO,EAAE,sCAAsC;AAAA,QAC/C,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,OAAO,EAAE,yCAAyC;AAAA,QAClD,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,OAAO,EAAE,uCAAuC;AAAA,QAChD,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IAAA,CACD;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOb,GAAY;AAAA,MAC3Dc,EAAaC,GAAc,MAAM;AAAA,QAC/B,SAASC,EAAS,MAAM;AAAA,UACtBC,EAAiBC,EAAiBR,EAAK,GAAG,yBAAyB,CAAC,GAAG,CAAC;AAAA,QAAA,CACzE;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,OACAE,EAAW,EAAI,GAAGC,EAAoBM,GAAW,MAAMC,EAAYC,EAAOb,CAAK,GAAG,CAACc,GAAMC,OAChFX,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAK,OAAOU;AAAA,QACZ,OAAO;AAAA,MAAA,GACN;AAAA,QACDC,EAAoB,OAAOvB,GAAYiB,EAAiBI,EAAK,KAAK,GAAG,CAAC;AAAA,QACtEE,EAAoB,OAAOtB,GAAY;AAAA,UACrCsB,EAAoB,KAAK;AAAA,YACvB,OAAO;AAAA,YACP,MAAMF,EAAK;AAAA,aACVJ,EAAiBI,EAAK,IAAI,GAAG,GAAGnB,CAAU;AAAA,QAAA,CAC9C;AAAA,MAAA,CACF,EACF,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"pat-shared-components75.mjs","sources":["../src/components/BookingDetail/BookingStatusComponent.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { useBooking } from '@/composables/Booking';\nimport { BookingStatus } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  status: `${BookingStatus}`;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BookingStatusComponent',\n  props: {\n    status: null\n  },\n  setup(__props: any) {\n\nconst props = __props as { status: `${BookingStatus}` };\n\n\n\n/**\n * Data\n */\nconst { getBookingStatusText } = useBooking();\nconst statusItem = computed<{ text: string; cssClass: string }>(() => {\n  if (!props.status) {\n    return {\n      text: '',\n      cssClass: '',\n    };\n  }\n\n  const cssClasses: Record<BookingStatus, string> = {\n    [BookingStatus.Created]: 'psc-text-blue-darken-1 psc-bg-blue-lighten-1',\n    [BookingStatus.InProgress]:\n      'psc-text-orange-darken-1 psc-bg-orange-lighten-1',\n    [BookingStatus.Completed]: 'psc-text-green-darken-2 psc-bg-green-lighten-1',\n    [BookingStatus.Canceled]: 'psc-text-red-darken-1 psc-bg-red-lighten-1',\n  };\n\n  return {\n    text: getBookingStatusText(props.status),\n    cssClass: cssClasses[props.status],\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"psc-rounded-lg psc-px-2 psc-py-1 psc-text-xs psc-font-semibold\", _unref(statusItem).cssClass])\n  }, _toDisplayString(_unref(statusItem).text), 3))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","getBookingStatusText","useBooking","statusItem","computed","cssClasses","BookingStatus","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_toDisplayString"],"mappings":";;;AAcA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAOR,EAAE,sBAAAE,MAAyBC,KAC3BC,IAAaC,EAA6C,MAAM;AAChE,UAAA,CAACJ,EAAM;AACF,eAAA;AAAA,UACL,MAAM;AAAA,UACN,UAAU;AAAA,QAAA;AAId,YAAMK,IAA4C;AAAA,QAChD,CAACC,EAAc,OAAO,GAAG;AAAA,QACzB,CAACA,EAAc,UAAU,GACvB;AAAA,QACF,CAACA,EAAc,SAAS,GAAG;AAAA,QAC3B,CAACA,EAAc,QAAQ,GAAG;AAAA,MAAA;AAGrB,aAAA;AAAA,QACL,MAAML,EAAqBD,EAAM,MAAM;AAAA,QACvC,UAAUK,EAAWL,EAAM,MAAM;AAAA,MAAA;AAAA,IACnC,CACD;AAEM,WAAA,CAACO,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAAC,kEAAkEC,EAAOT,CAAU,EAAE,QAAQ,CAAC;AAAA,IAAA,GACrHU,EAAiBD,EAAOT,CAAU,EAAE,IAAI,GAAG,CAAC;AAAA,EAEjD;AAEA,CAAC;"}

package/dist/pat-shared-components76.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./pat-shared-components195.js"),_=require("./pat-shared-components84.js"),g=require("./pat-shared-components88.js"),m=require("./pat-shared-components81.js"),b={key:0,class:"psc-space-y-4"},k={class:"psc-space-y-8 psc-rounded-lg psc-border psc-border-gray-lighten-2 psc-p-4 psc-shadow"},f=e.defineComponent({__name:"SampleCollectionInfo",props:{booking:null},setup(l){const o=l,{t:a}=g.useI18n(),{formatDateHuge:p}=_.useDate(),c=e.computed(()=>{var t,s,n,r;return{address:(t=o.booking.data)!=null&&t.is_hbc?o.booking.address:(n=(s=o.booking.data)==null?void 0:s.supportingInformation)==null?void 0:n.appointmentSampleCollectionPlace,expectedDate:(r=o.booking.data)==null?void 0:r.planned_test_date}}),d=e.computed(()=>{var t,s,n;return(!!o.booking.address||!!((s=(t=o.booking.data)==null?void 0:t.supportingInformation)!=null&&s.appointmentSampleCollectionPlace))&&!!((n=o.booking.data)!=null&&n.planned_test_date)}),u=e.computed(()=>{var t;return(t=o.booking.data)!=null&&t.is_hbc?a("psc.test_result_booking_sample_collection"):a("psc.test_result_booking_testing_location")});return(t,s)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(m,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)]),_:1}),e.createElementVNode("div",k,[e.unref(c).address?(e.openBlock(),e.createBlock(i,{key:0,icon:"dgic-pin-map-thick",title:t.$t("psc.test_result_booking_address"),subtitle:e.unref(c).address,class:"psc-relative after:psc-absolute after:-psc-bottom-4 after:psc-h-[1px] after:psc-w-full after:psc-bg-gray-lighten-2 after:psc-content-['']"},null,8,["title","subtitle"])):e.createCommentVNode("",!0),e.unref(c).expectedDate?(e.openBlock(),e.createBlock(i,{key:1,icon:"dgic-date-thick",title:t.$t("psc.test_result_booking_expected_date"),subtitle:e.unref(p)(new Date(e.unref(c).expectedDate))},null,8,["title","subtitle"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)}});module.exports=f;
+"use strict";const e=require("vue"),u=require("./pat-shared-components196.js"),t=require("./pat-shared-components4.js"),o=e.defineComponent({__name:"PaymentStatusComponent",props:{status:null},setup(r){const s=r,{getPaymentStatusText:c}=u.useBooking(),n=e.computed(()=>{if(!s.status)return{text:"",cssClass:""};const a={[t.PaymentStatus.PayLater]:"psc-text-blue-darken-1 psc-bg-blue-lighten-1",[t.PaymentStatus.PaidOnline]:"psc-text-green-darken-2 psc-bg-green-lighten-1",[t.PaymentStatus.Paid]:"psc-text-green-darken-2 psc-bg-green-lighten-1",[t.PaymentStatus.RefundInProgress]:"psc-text-orange-darken-1 psc-bg-orange-lighten-1",[t.PaymentStatus.Refunded]:"psc-text-green-darken-2 psc-bg-green-lighten-1",[t.PaymentStatus.Canceled]:"psc-text-red-darken-1 psc-bg-red-lighten-1"};return{text:c(s.status),cssClass:a[s.status]}});return(a,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["psc-rounded-lg psc-px-2 psc-py-1 psc-text-xs psc-font-semibold",e.unref(n).cssClass])},e.toDisplayString(e.unref(n).text),3))}});module.exports=o;
 //# sourceMappingURL=pat-shared-components76.js.map