https://www.kuromame.co.jp/build/assets/GiftLetterDelivery-Bg53ZKMJ.js

1import{d as O,u as j,r as $,l as f,c as I,b as i,o as u,f as d,e as a,g as y,F as b,m as z,h as L,j as l,i as m,t as x}from"./app-DZpqclOu.js";import{_ as M,a as G,c as B,s as P}from"./CheckoutLayout.vue_vue_type_script_setup_true_lang-Z9cNAz-x.js";import{_ as T}from"./AtomImage.vue_vue_type_script_setup_true_lang-AbH913J0.js";import{_ as E}from"./AtomLabel.vue_vue_type_script_setup_true_lang-r1hk9UpX.js";import{_ as R}from"./AtomTextarea.vue_vue_type_script_setup_true_lang-BJYQF5Nl.js";import{_ as q}from"./MoleculeBorderedTitle.vue_vue_type_script_setup_true_lang-NPaIrDsJ.js";import{_ as A,a as H}from"./ButtonAction.vue_vue_type_script_setup_true_lang-BZO-5R-S.js";import{_ as J}from"./EGiftDeliveryCard.vue_vue_type_script_setup_true_lang-D32iqybX.js";import{_ as K}from"./RadioGroup.vue_vue_type_script_setup_true_lang-BaTbBcNL.js";import{_ as Q,a as w}from"./RadioTile.vue_vue_type_script_setup_true_lang-BDb8omm0.js";/* empty css            */import"./AtomText.vue_vue_type_script_setup_true_lang-DONtg3ZV.js";import"./Radio.vue_vue_type_script_setup_true_lang-N4eMsWBO.js";import"./Errors.vue_vue_type_script_setup_true_lang-BTC12-29.js";const W={class:"space-y-xl"},X={class:"space-y-l"},Y={class:"sysCheckoutGiftLetterDeliveryMessage space-y-2"},Z={key:0,class:"text-sm text-danger"},ee={class:"sysCheckoutGiftLetterDeliveryPreview mt-4"},te={class:"sysCheckoutGiftLetterDeliveryModalContent flex flex-col items-center space-y-4"},se={class:"w-full p-4 bg-gray-50 rounded-lg"},ie={class:"whitespace-pre-wrap"},re={class:"sysCheckoutGiftLetterDeliveryModalFooter flex justify-center"},ye=O({__name:"GiftLetterDelivery",props:{deliveries:{},formGiftLetterSetting:{},layoutSetting:{},nextRoutes:{}},setup(S){const n=S,r=j({deliveries:n.deliveries.reduce((s,t)=>{var _,c;const e=t.giftLetter;return s[t.deliveryId]={useLetter:(e==null?void 0:e.useLetter)??!0,giftLetterImageId:e!=null&&e.giftLetterImageId?Number(e.giftLetterImageId):(c=(_=n.formGiftLetterSetting)==null?void 0:_.imageOptions[0])==null?void 0:c.id,message:(e==null?void 0:e.message)??""},s},{})}),g=$(!1),p=$(void 0),k=f(()=>{if(p.value)return r.deliveries[p.value]}),h=f(()=>{var t;const s=(t=k.value)==null?void 0:t.giftLetterImageId;if(!(!s||!n.formGiftLetterSetting))return n.formGiftLetterSetting.imageOptions.find(e=>e.id==s)}),C=f(()=>{var s;return(s=h.value)==null?void 0:s.imageUrl}),V=f(()=>{var s;return((s=h.value)==null?void 0:s.imageTitle)??""}),D=f(()=>{var s;return((s=k.value)==null?void 0:s.message)??""});function v(s,t){const e=r.errors[`deliveries.${s}.${t}`];return e?[String(e)]:void 0}function U(s){p.value=s,g.value=!0}function F(){g.value=!1}function N(){r.transform(s=>({deliveries:Object.fromEntries(Object.entries(s.deliveries).map(([t,e])=>[t,{useLetter:e.useLetter,gift_letter_image_id:e.useLetter?e.giftLetterImageId:null,message:e.useLetter?e.message:""}]))})).post(P("checkout.v2.giftLetterDelivery.save"))}return(s,t)=>(u(),I(M,{setting:n.layoutSetting,"show-errors":"","main-class":"sysCheckoutGiftLetterDelivery"},{title:i(()=>t[0]||(t[0]=[m("ギフトレター選択")])),actions:i(()=>[a(A),a(H,{route:n.nextRoutes[0],disabled:l(r).processing,onClick:N},null,8,["route","disabled"])]),default:i(()=>[d("div",W,[(u(!0),y(b,null,z(n.deliveries,(e,_)=>(u(),I(J,{"recipient-label":e.eGiftRecipientLabel,index:_},{default:i(()=>{var c;return[d("div",X,[a(Q,{horizontal:""},{default:i(()=>[a(w,{value:1,checked:l(r).deliveries[e.deliveryId].useLetter,name:`gift-letter-use-${e.deliveryId}`,onChange:o=>l(r).deliveries[e.deliveryId].useLetter=!0},{label:i(()=>t[1]||(t[1]=[m(" つける ")])),_:2},1032,["checked","name","onChange"]),a(w,{value:0,checked:!l(r).deliveries[e.deliveryId].useLetter,name:`gift-letter-use-${e.deliveryId}`,onChange:o=>l(r).deliveries[e.deliveryId].useLetter=!1},{label:i(()=>t[2]||(t[2]=[m(" つけない ")])),_:2},1032,["checked","name","onChange"])]),_:2},1024),l(r).deliveries[e.deliveryId].useLetter&&n.formGiftLetterSetting?(u(),y(b,{key:0},[a(q,{title:"デザインを選択"},{default:i(()=>[a(K,{name:`gift-letter-image-${e.deliveryId}`,modelValue:l(r).deliveries[e.deliveryId].giftLetterImageId,options:n.formGiftLetterSetting.imageOptions.map(o=>({value:o.id,label:o.imageTitle,imageSrc:o.imageUrl})),direction:"horizontal",errors:v(e.deliveryId,"gift_letter_image_id"),"onUpdate:modelValue":o=>l(r).deliveries[e.deliveryId].giftLetterImageId=Number(o)},null,8,["name","modelValue","options","errors","onUpdate:modelValue"])]),_:2},1024),d("div",Y,[a(E,{variant:"form-label"},{default:i(()=>t[3]||(t[3]=[m("メッセージ")])),_:1,__:[3]}),a(R,{modelValue:l(r).deliveries[e.deliveryId].message,error:v(e.deliveryId,"message")!==void 0,placeholder:"メッセージを入力してください",rows:5,"onUpdate:modelValue":o=>l(r).deliveries[e.deliveryId].message=o},null,8,["modelValue","error","onUpdate:modelValue"]),v(e.deliveryId,"message")?(u(),y("div",Z,x((c=v(e.deliveryId,"message"))==null?void 0:c[0]),1)):L("",!0),d("div",ee,[a(G,{variant:"secondary",size:"small",onClick:o=>U(e.deliveryId)},{default:i(()=>t[4]||(t[4]=[m(" プレビュー ")])),_:2,__:[4]},1032,["onClick"])])])],64)):L("",!0)])]}),_:2},1032,["recipient-label","index"]))),256))]),a(B,{open:g.value,class:"sysCheckoutGiftLetterDeliveryModal",onClose:F},{title:i(()=>t[5]||(t[5]=[m("ギフトレター プレビュー")])),footer:i(({close:e})=>[d("div",re,[a(G,{variant:"secondary",size:"medium",onClick:e},{default:i(()=>t[6]||(t[6]=[m(" 閉じる ")])),_:2,__:[6]},1032,["onClick"])])]),default:i(()=>[d("div",te,[C.value?(u(),I(T,{key:0,src:C.value,alt:V.value,size:"xlarge",objectFit:"contain"},null,8,["src","alt"])):L("",!0),d("div",se,[d("p",ie,x(D.value||"（メッセージなし）"),1)])])]),_:1},8,["open"])]),_:1},8,["setting"]))}});

1export{ye as default};