import{o,c,a as t,t as s,F as i,j as _,u as r,b as f}from"./vendor-3-7-99.js";const x={class:"p-5 bg-white rounded flex flex-col shadow-md"},m=["textContent"],b={class:"flex flex-col md:flex-row flex-wrap gap-y-4"},g={class:"text-base font-semibold text-gray-900"},h={class:"text-md"},u={class:"flex flex-col w-1/4 gap-2"},p={class:"text-base font-semibold text-gray-900"},y={class:"text-md"},w={class:"flex flex-col w-1/4 gap-2"},v={class:"text-base font-semibold text-gray-900"},$={class:"text-md"},C={class:"flex flex-col w-1/4 gap-2"},k={class:"text-base font-semibold text-gray-900"},F={class:"text-md"},j={class:"flex flex-col w-1/4 gap-2"},B={class:"text-base font-semibold text-gray-900"},L=["src"],N={class:"flex flex-col w-1/4 gap-2"},V={class:"text-base font-semibold text-gray-900"},q=["src","alt"],A={class:"flex flex-col w-1/4 gap-2"},D={class:"text-base font-semibold text-gray-900"},E={class:"text-md"},S={__name:"CreditCard",props:{transaction:{required:!0,type:Object}},setup(a){const d=window.gpos.assets_url;return(e,l)=>(o(),c("div",x,[t("div",{class:"text-blue-600 font-bold text-lg",textContent:s(e.$t("card_info"))},null,8,m),l[0]||(l[0]=t("div",{class:"border border-[#F7F7F7] my-4"},null,-1)),t("div",b,[(o(),c(i,null,_(["card_holder_name","masked_card_bin"],n=>t("div",{key:n,class:"flex flex-col w-1/4 gap-2 ph-no-capture"},[t("span",g,s(e.$t(n)),1),t("span",h,s(a.transaction[n]),1)])),64)),t("div",u,[t("span",p,s(e.$t("card_type")),1),t("span",y,s(e.$t(a.transaction.card_type==="credit"?"credit_card":"debit_card")),1)]),t("div",w,[t("span",v,s(e.$t("saved_card")),1),t("span",$,s(e.$t(a.transaction.use_saved_card?"yes":"no")),1)]),t("div",C,[t("span",k,s(e.$t("card_bank_name")),1),t("span",F,s(a.transaction.card_bank_name),1)]),t("div",j,[t("span",B,s(e.$t("card_brand")),1),a.transaction.card_brand?(o(),c("img",{key:0,class:"w-[80px] object-contain",src:`${r(d)}/images/card/${a.transaction.card_brand}.svg`},null,8,L)):f("",!0)]),t("div",N,[t("span",V,s(e.$t("card_family")),1),t("img",{class:"w-[60px] rounded-md object-contain",src:`${r(d)}/images/card/${a.transaction.card_family?a.transaction.card_family.toLowerCase().replaceAll(/\s/g,""):"default"}.svg`,alt:a.transaction.card_family},null,8,q)]),t("div",A,[t("span",D,s(e.$t("card_country")),1),t("span",E,s(a.transaction.card_country),1)])])]))}};export{S as _};
