import{_ as t,j as e,r as u}from"./wp-i18n-shim-DUX0OV_V.js";import{E as se,d as ie,c as O,F as R,e as oe,b as re,H as F,S as ae,T as le,U as ne}from"./Field-BWyeMycL.js";import{c as z,a as L,X as de}from"./utils-Bl0WAcve.js";import{u as W,s as D,a as ce}from"./store-rDqSxbzb.js";import{C as xe}from"./ConfirmDialog-Bbm_78dn.js";import{f as me,R as ue,e as be}from"./index-D01LF5Le.js";import{L as he,A as pe}from"./AppointmentIcon-Cwf7aZjQ.js";import{A as ge}from"./ArrowRightIcon-CuIwF9ra.js";import{A as fe}from"./ArrowLeftIcon-C8q2jgKs.js";import{C as U}from"./withIconDefaults-BJCqj2oX.js";import{d as je,c as ve}from"./CalenderCheck-2TB2QVYq.js";import{u as ke}from"./useMediaUploader-DCuR6epV.js";import{B}from"./Button-BveKhP38.js";import{C as Ce}from"./code-BSR1KX-T.js";import{C as ye}from"./Combination-BuKwnoTc.js";import{C as we}from"./copy-CujkJL51.js";import{E as Ne}from"./eye-BNq7Nif8.js";import"./vendor-DDjlQeP6.js";import"./lodash-Bd-B7UeG.js";import"./defineProperty-DbXIQDXj.js";import"./typeof-QjJsDpFa.js";import"./apiConfig-BA13wrqF.js";import"./index-CLZ4-rw6.js";import"./toast-1-c8k_LJ.js";import"./dialog-EtKUcLIM.js";import"./preload-helper-Dp1pzeXC.js";import"./calendar-Cz3-D5io.js";import"./tag-8m_NofXN.js";import"./shield-DVSNyXBB.js";import"./proxy-CtW-P0pQ.js";import"./circle-check-big-Bxgqw2u9.js";/**
 * @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Se=[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]],Fe=z("mouse-pointer-click",Se);/**
 * @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ze=[["path",{d:"m14.622 17.897-10.68-2.913",key:"vj2p1u"}],["path",{d:"M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",key:"18tc5c"}],["path",{d:"M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",key:"ytzfxy"}]],Le=z("paintbrush",ze);/**
 * @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Me=[["circle",{cx:"9",cy:"12",r:"3",key:"u3jwor"}],["rect",{width:"20",height:"14",x:"2",y:"5",rx:"7",key:"g7kal2"}]],Te=z("toggle-left",Me);/**
 * @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Be=[["path",{d:"M12 4v16",key:"1654pz"}],["path",{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2",key:"e0r10z"}],["path",{d:"M9 20h6",key:"s66wpe"}]],Ee=z("type",Be),$={tabs:[{id:"design",title:t("Design","radius-booking"),description:t("Colors, fonts, and visual style","radius-booking"),icon:e.jsx(Le,{size:18})},{id:"labels",title:t("Labels & Text","radius-booking"),description:t("Customize form text and labels","radius-booking"),icon:e.jsx(Ee,{size:18})},{id:"buttons",title:t("Buttons","radius-booking"),description:t("Button labels","radius-booking"),icon:e.jsx(Fe,{size:18})},{id:"toggles",title:t("Feature Toggles","radius-booking"),description:t("Show or hide form features","radius-booking"),icon:e.jsx(Te,{size:18})}],sections:[{id:"colors",tab:"design",title:t("Colors","radius-booking"),description:t("Customize the booking form color palette","radius-booking"),cols:2,fields:[{key:"formCustomization.design.primaryColor",label:t("Primary Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.secondaryColor",label:t("Secondary Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.backgroundColor",label:t("Background Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.textColor",label:t("Text Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.sidebarColor",label:t("Sidebar Color","radius-booking"),type:"color",gridColumn:!0,hint:t("Leave empty to use primary color","radius-booking")},{key:"formCustomization.design.stepButtonColor",label:t("Step Button Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.stepButtonHoverColor",label:t("Step Button Hover Color","radius-booking"),type:"color",gridColumn:!0},{key:"formCustomization.design.borderColor",label:t("Border Color","radius-booking"),type:"color",gridColumn:!0}]},{id:"sidebar-image",tab:"design",title:t("Sidebar Illustration","radius-booking"),description:t("Upload a custom image for the sidebar, or leave empty to use the default illustration","radius-booking"),fields:[{key:"formCustomization.design.sidebarImageUrl",label:t("Custom Image","radius-booking"),type:"image",hint:t("Recommended size: 200x200px. PNG or SVG with transparent background works best.","radius-booking")}]},{id:"labels-services",tab:"labels",title:t("Services Step","radius-booking"),description:t("Text shown on the service selection step","radius-booking"),collapsible:!0,previewStep:"services",fields:[{key:"formCustomization.labels.services.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.services.serviceLabel",label:t("Service Label","radius-booking"),type:"text"},{key:"formCustomization.labels.services.locationLabel",label:t("Location Label","radius-booking"),type:"text"},{key:"formCustomization.labels.services.staffLabel",label:t("Staff Label","radius-booking"),type:"text"},{key:"formCustomization.labels.services.servicePlaceholder",label:t("Service Placeholder","radius-booking"),type:"text"},{key:"formCustomization.labels.services.locationPlaceholder",label:t("Location Placeholder","radius-booking"),type:"text"},{key:"formCustomization.labels.services.staffPlaceholder",label:t("Staff Placeholder","radius-booking"),type:"text"}]},{id:"labels-datetime",tab:"labels",title:t("Date & Time Step","radius-booking"),description:t("Text shown on the date selection step","radius-booking"),collapsible:!0,previewStep:"datetime",fields:[{key:"formCustomization.labels.datetime.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.datetime.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.datetime.loadingText",label:t("Loading Text","radius-booking"),type:"text"},{key:"formCustomization.labels.datetime.noAvailableText",label:t("No Available Text","radius-booking"),type:"text"}]},{id:"labels-timeslot",tab:"labels",title:t("Time Slot Step","radius-booking"),description:t("Text shown on the time slot selection step","radius-booking"),collapsible:!0,previewStep:"timeslot",fields:[{key:"formCustomization.labels.timeslot.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.timeslot.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.timeslot.loadingText",label:t("Loading Text","radius-booking"),type:"text"},{key:"formCustomization.labels.timeslot.noSlotsText",label:t("No Slots Text","radius-booking"),type:"text"},{key:"formCustomization.labels.timeslot.bringingAnyoneLabel",label:t("Bringing Anyone Label","radius-booking"),type:"text"},{key:"formCustomization.labels.timeslot.bringingAnyoneSubLabel",label:t("Bringing Anyone Sub-Label","radius-booking"),type:"text"}]},{id:"labels-details",tab:"labels",title:t("Details Step","radius-booking"),description:t("Text shown on the customer details step","radius-booking"),collapsible:!0,previewStep:"details",fields:[{key:"formCustomization.labels.details.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.details.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.details.fullNameLabel",label:t("Full Name Label","radius-booking"),type:"text"},{key:"formCustomization.labels.details.fullNamePlaceholder",label:t("Full Name Placeholder","radius-booking"),type:"text"},{key:"formCustomization.labels.details.phoneLabel",label:t("Phone Label","radius-booking"),type:"text"},{key:"formCustomization.labels.details.emailLabel",label:t("Email Label","radius-booking"),type:"text"},{key:"formCustomization.labels.details.emailPlaceholder",label:t("Email Placeholder","radius-booking"),type:"text"},{key:"formCustomization.labels.details.noteLabel",label:t("Note Label","radius-booking"),type:"text"},{key:"formCustomization.labels.details.notePlaceholder",label:t("Note Placeholder","radius-booking"),type:"text"}]},{id:"labels-payment",tab:"labels",title:t("Payment Step","radius-booking"),description:t("Text shown on the payment summary step","radius-booking"),collapsible:!0,previewStep:"payment",fields:[{key:"formCustomization.labels.payment.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.payment.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.payment.summaryTitle",label:t("Summary Title","radius-booking"),type:"text"}]},{id:"labels-checkout",tab:"labels",title:t("Checkout Step","radius-booking"),description:t("Text shown on the checkout step","radius-booking"),collapsible:!0,previewStep:"checkout",fields:[{key:"formCustomization.labels.checkout.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.checkout.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.checkout.paymentMethodTitle",label:t("Payment Method Title","radius-booking"),type:"text"}]},{id:"labels-confirmation",tab:"labels",title:t("Confirmation Step","radius-booking"),description:t("Text shown on the confirmation step","radius-booking"),collapsible:!0,previewStep:"confirmation",fields:[{key:"formCustomization.labels.confirmation.heading",label:t("Heading","radius-booking"),type:"text"},{key:"formCustomization.labels.confirmation.subheading",label:t("Subheading","radius-booking"),type:"text"},{key:"formCustomization.labels.confirmation.detailsTitle",label:t("Details Section Title","radius-booking"),type:"text"}]},{id:"labels-sidebar",tab:"labels",title:t("Sidebar","radius-booking"),description:t("Text shown in the left sidebar","radius-booking"),collapsible:!0,fields:[{key:"formCustomization.labels.sidebar.summaryTitle",label:t("Summary Title","radius-booking"),type:"text"},{key:"formCustomization.labels.sidebar.customerTitle",label:t("Customer Title","radius-booking"),type:"text"},{key:"formCustomization.labels.sidebar.helpTitle",label:t("Help Title","radius-booking"),type:"text"},{key:"formCustomization.labels.sidebar.helpText",label:t("Help Text","radius-booking"),type:"text",hint:t("Use %s as placeholder for the phone number","radius-booking")}]},{id:"button-labels",tab:"buttons",title:t("Button Labels","radius-booking"),description:t("Customize the text on navigation buttons","radius-booking"),cols:2,fields:[{key:"formCustomization.buttons.nextText",label:t("Next Button","radius-booking"),type:"text",gridColumn:!0},{key:"formCustomization.buttons.backText",label:t("Back Button","radius-booking"),type:"text",gridColumn:!0},{key:"formCustomization.buttons.confirmText",label:t("Confirm Button","radius-booking"),type:"text",gridColumn:!0},{key:"formCustomization.buttons.processingText",label:t("Processing Text","radius-booking"),type:"text",gridColumn:!0}]},{id:"feature-toggles",tab:"toggles",title:t("Visibility Toggles","radius-booking"),description:t("Show or hide specific form elements","radius-booking"),fields:[{key:"formCustomization.toggles.showNoteField",label:t("Show Note Field","radius-booking"),type:"toggle"},{key:"formCustomization.toggles.showSidebar",label:t("Show Sidebar","radius-booking"),type:"toggle"},{key:"formCustomization.toggles.showSidebarImage",label:t("Show Sidebar Illustration","radius-booking"),type:"toggle"},{key:"formCustomization.toggles.showCalendarExport",label:t("Show Calendar Export Buttons","radius-booking"),type:"toggle"},{key:"formCustomization.toggles.allowBackNavigation",label:t("Allow Back Navigation","radius-booking"),type:"toggle"}]}]},He=[{id:"services",label:t("Services","radius-booking")},{id:"datetime",label:t("Date","radius-booking")},{id:"timeslot",label:t("Time","radius-booking")},{id:"details",label:t("Details","radius-booking")},{id:"payment",label:t("Payment","radius-booking")},{id:"checkout",label:t("Checkout","radius-booking")},{id:"confirmation",label:t("Done","radius-booking")}];function Pe({activeStep:s,onStepChange:i}){return e.jsx("div",{className:"flex flex-wrap gap-1 mb-3",children:He.map(o=>e.jsx("button",{onClick:()=>i(o.id),className:`px-2.5 py-1 text-[11px] font-medium rounded-full transition-colors ${s===o.id?"bg-primary text-white":"bg-gray-100 text-title2 hover:bg-gray-200"}`,children:o.label},o.id))})}function _e({design:s={},children:i}){const o=u.useMemo(()=>({"--primary":s.primaryColor||"#0040ff","--fc-secondary":s.secondaryColor||"#E2E8F0","--fc-bg":s.backgroundColor||"#FFFFFF","--fc-text":s.textColor||"#323E5B","--title":s.textColor||"#323E5B","--fc-sidebar":s.sidebarColor||s.primaryColor||"#0040ff","--bg-step-btn":s.stepButtonColor||"#00154C","--bg-step-btn-hover":s.stepButtonHoverColor||"#062576","--border-color":s.borderColor||"#DAE0E5","--fc-font":s.fontFamily||"Inter, ui-sans-serif, system-ui","--fc-radius":s.borderRadius||"0.75rem"}),[s]),a=u.useRef(null),[l,b]=u.useState(.55),x=u.useCallback(()=>{if(!a.current)return;const f=a.current.offsetWidth-32,h=Math.min(.65,Math.max(.4,f/760));b(h)},[]);return u.useEffect(()=>{x();const m=new ResizeObserver(x);return a.current&&m.observe(a.current),()=>m.disconnect()},[x]),e.jsx("div",{ref:a,className:"rounded-lg border border-border bg-white overflow-hidden",style:{height:"calc(100vh - 200px)",minHeight:"400px"},children:e.jsx("div",{className:"w-full h-full overflow-hidden flex items-start justify-center pt-4",children:e.jsx("div",{style:{...o,transform:`scale(${l})`,transformOrigin:"top center",width:"760px",flexShrink:0},children:i})})})}const De=[{icon:e.jsxs("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip_srv)",children:e.jsx("path",{d:"M8.09996 10.301C7.36525 10.301 6.63078 10.116 5.96104 9.74599L1.13167 7.07768C0.43137 6.69079 -0.00217963 5.94259 9.61376e-05 5.12509C0.00240225 4.3076 0.44017 3.56202 1.14262 3.17926L5.98416 0.541366C7.30902 -0.180455 8.8909 -0.180455 10.2158 0.541366L15.0573 3.17926C15.7598 3.56199 16.1975 4.30757 16.1998 5.12509C16.2021 5.94259 15.7686 6.69079 15.0683 7.07768L10.2389 9.74599C9.56932 10.116 8.83452 10.3009 8.09996 10.301ZM8.09996 1.30379C7.5765 1.30379 7.05308 1.43378 6.57592 1.69377L1.73445 4.3317C1.44193 4.49107 1.2667 4.78913 1.26576 5.12891C1.26482 5.46869 1.43832 5.76778 1.72996 5.9289L6.55935 8.59718C7.52413 9.13022 8.67597 9.13022 9.64072 8.59718L14.4701 5.9289C14.7618 5.76778 14.9353 5.46872 14.9343 5.12891C14.9334 4.78909 14.7582 4.49107 14.4657 4.3317L9.624 1.69377C9.14685 1.43381 8.62342 1.30379 8.09996 1.30379ZM10.2389 15.645L15.8662 12.536C16.1742 12.3658 16.2899 11.9707 16.1247 11.6535C15.9595 11.3363 15.576 11.217 15.268 11.3872L9.64066 14.4962C8.67597 15.0292 7.5241 15.0292 6.55687 14.4948L0.929582 11.4184C0.620805 11.2496 0.237778 11.3706 0.0739828 11.6886C-0.0898727 12.0066 0.0275571 12.4011 0.336273 12.5699L5.96107 15.645C6.63081 16.015 7.36528 16.2 8.09999 16.2C8.83452 16.2 9.56932 16.015 10.2389 15.645ZM10.2389 12.7118L15.8662 9.6028C16.1742 9.43265 16.2899 9.03751 16.1247 8.7203C15.9595 8.40302 15.576 8.28384 15.268 8.45396L9.64066 11.563C8.67597 12.096 7.5241 12.096 6.55687 11.5616L0.929582 8.48522C0.620805 8.31644 0.237778 8.43743 0.0739828 8.7554C-0.0898727 9.07339 0.0275571 9.46793 0.336273 9.63672L5.96107 12.7118C6.63081 13.0818 7.36528 13.2668 8.09999 13.2668C8.83452 13.2668 9.56932 13.0818 10.2389 12.7118Z",fill:"#EDF0F3"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip_srv",children:e.jsx("rect",{width:"16.2",height:"16.2",fill:"white"})})})]}),text:t("Hair Cut","radius-booking")},{icon:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip_staff)",children:[e.jsx("path",{d:"M2.04227 17.8335C1.73814 17.8334 1.43787 17.7654 1.16338 17.6344C0.888883 17.5035 0.647085 17.3129 0.455628 17.0766C0.264172 16.8403 0.127888 16.5642 0.0567216 16.2685C-0.014445 15.9729 -0.0186989 15.665 0.0442704 15.3675C0.467137 13.3475 1.56545 11.5318 3.15827 10.2195C4.02226 9.50889 5.01116 8.96561 6.07427 8.61748L6.23627 8.56348L6.10127 8.46448C5.30983 7.87444 4.72436 7.05008 4.42799 6.10844C4.13162 5.1668 4.1394 4.15573 4.45023 3.21876C4.76106 2.28179 5.35914 1.46655 6.15957 0.888756C6.95999 0.310968 7.92209 0 8.90927 0C9.89645 0 10.8585 0.310968 11.659 0.888756C12.4594 1.46655 13.0575 2.28179 13.3683 3.21876C13.6791 4.15573 13.6869 5.1668 13.3905 6.10844C13.0942 7.05008 12.5087 7.87444 11.7173 8.46448L11.5823 8.57248L11.7443 8.62647C12.1016 8.74327 12.4504 8.8846 12.7883 9.04948C12.9347 9.1179 13.0481 9.24149 13.1038 9.39324C13.1594 9.545 13.1528 9.7126 13.0853 9.85947C13.0355 9.96513 12.9564 10.0543 12.8576 10.1165C12.7587 10.1787 12.6441 10.2113 12.5273 10.2105C12.4375 10.2108 12.3486 10.1924 12.2663 10.1565C11.2763 9.68132 10.1961 9.42355 9.09827 9.40048H8.72927C6.96529 9.45462 5.27007 10.097 3.91324 11.2256C2.55641 12.3541 1.61589 13.9039 1.24127 15.6285C1.21704 15.748 1.21981 15.8715 1.2494 15.9898C1.27898 16.1082 1.33463 16.2184 1.41227 16.3125C1.48679 16.4084 1.58237 16.4858 1.69161 16.5389C1.80085 16.592 1.92083 16.6192 2.04227 16.6185H10.7003C10.8626 16.6185 11.0182 16.683 11.133 16.7977C11.2478 16.9125 11.3123 17.0682 11.3123 17.2305C11.3123 17.3928 11.2478 17.5485 11.133 17.6632C11.0182 17.778 10.8626 17.8425 10.7003 17.8425L2.04227 17.8335Z",fill:"#EDF0F3"}),e.jsx("path",{d:"M14.5703 17.8335C14.408 17.8335 14.2523 17.769 14.1375 17.6542C14.0227 17.5395 13.9583 17.3838 13.9583 17.2215V15.1965H11.9333C11.771 15.1965 11.6153 15.132 11.5005 15.0172C11.3857 14.9025 11.3213 14.7468 11.3213 14.5845C11.3213 14.4222 11.3857 14.2665 11.5005 14.1517C11.6153 14.037 11.771 13.9725 11.9333 13.9725H13.9583V11.9475C13.9583 11.7852 14.0227 11.6295 14.1375 11.5147C14.2523 11.4 14.408 11.3355 14.5703 11.3355C14.7326 11.3355 14.8882 11.4 15.003 11.5147C15.1178 11.6295 15.1823 11.7852 15.1823 11.9475V13.9725H17.2073C17.3696 13.9725 17.5252 14.037 17.64 14.1517C17.7548 14.2665 17.8193 14.4222 17.8193 14.5845C17.8193 14.7468 17.7548 14.9025 17.64 15.0172C17.5252 15.132 17.3696 15.1965 17.2073 15.1965H15.1823V17.2215C15.1799 17.3831 15.1147 17.5374 15.0004 17.6517C14.8862 17.7659 14.7319 17.8311 14.5703 17.8335Z",fill:"#EDF0F3"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip_staff",children:e.jsx("rect",{width:"18",height:"18",fill:"white"})})})]}),text:t("Dr. Sarah Johnson","radius-booking")},{icon:e.jsxs("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip_cal)",children:e.jsx("path",{d:"M1.98277 14.4H12.4172C13.5111 14.4 14.4 13.544 14.4 12.4907V2.97599C14.4 1.92265 13.5111 1.06665 12.4172 1.06665H11.6308V0.533323C11.6308 0.239987 11.3815 0 11.0769 0C10.7723 0 10.5231 0.239987 10.5231 0.533323V1.06665H3.87694V0.533323C3.87694 0.239987 3.62768 0 3.32306 0C3.01844 0 2.76922 0.239987 2.76922 0.533323V1.06665H1.98277C0.88893 1.06665 0 1.92265 0 2.97599V12.4907C0 13.544 0.88893 14.4 1.98277 14.4ZM1.10772 2.97599C1.10772 2.512 1.50094 2.13334 1.98277 2.13334H2.76922V2.66666C2.76922 2.96 3.01844 3.19999 3.32306 3.19999C3.62768 3.19999 3.87689 2.96 3.87689 2.66666V2.13334H10.5231V2.66666C10.5231 2.96 10.7723 3.19999 11.0769 3.19999C11.3815 3.19999 11.6307 2.96 11.6307 2.66666V2.13334H12.4172C12.899 2.13334 13.2922 2.512 13.2922 2.97599V4.53334H1.10772V2.97599ZM1.10772 5.59998H13.2923V12.4907C13.2923 12.9546 12.8991 13.3333 12.4173 13.3333H1.98277C1.50094 13.3333 1.10772 12.9546 1.10772 12.4907V5.59998Z",fill:"#EDF0F3"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip_cal",children:e.jsx("rect",{width:"14.4",height:"14.4",fill:"white"})})})]}),text:t("Mar 15, 2026","radius-booking")}];function Ve({labels:s={},stepId:i,toggles:o={},sidebarImageUrl:a}){return e.jsxs("div",{className:"w-full md:w-[300px] bg-[var(--fc-sidebar,var(--primary))] rounded-t-[15px] md:rounded-l-[15px] md:rounded-tr-none p-8 flex flex-col justify-between md:min-h-[570px]",children:[e.jsx("div",{className:"flex items-center gap-3 mb-7",children:e.jsx(he,{})}),i!=="services"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-white font-semibold text-[15px] mb-1",children:s.summaryTitle||t("Summary:","radius-booking")}),e.jsx("div",{className:"space-y-3 mb-150",children:De.map((l,b)=>e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"shrink-0 pt-[2px]",children:l.icon}),e.jsx("span",{className:"text-[#EDF0F3] text-sm",children:l.text})]},b))})]}),o.showSidebarImage!==!1&&e.jsx("div",{className:`flex justify-center rt-user-icon mb-5 ${i==="services"?"":"mt-auto"}`,children:a?e.jsx("img",{src:a,alt:t("Sidebar illustration","radius-booking"),className:"object-contain opacity-80",style:{width:i==="services"?"180px":"120px",height:"auto"}}):e.jsx(pe,{size:i==="services"?"180px":"120px",color:"#fff3"})}),e.jsxs("div",{className:"text-center mt-8 md:mt-0",children:[e.jsx("p",{className:"text-white font-semibold text-base mb-2",children:s.helpTitle||t("Questions?","radius-booking")}),e.jsx("p",{className:"text-white text-[15px] mb-0",children:(s.helpText||t("Call %s for help","radius-booking")).replace("%s","(555) 000-0000")})]})]})}function Ae({buttons:s={},toggles:i={},stepId:o}){return o==="confirmation"||o==="checkout"?null:e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-b border-[var(--border-color)] -mx-[32px]"}),e.jsxs("div",{className:"flex justify-between pt-6 border-border mb-[-5px]",children:[o!=="services"&&i.allowBackNavigation!==!1&&e.jsxs("button",{className:"flex items-center gap-2 px-5 py-2 bg-[#EDF0F3] text-[#323E5B] font-semibold text-[13px] rounded-md border border-border shadow-[0_1px_3px_0_#EBEBEB] cursor-default",children:[e.jsx(fe,{}),s.backText||t("Back","radius-booking")]}),e.jsxs("button",{className:`flex items-center gap-2 px-5 py-3 leading-[1] font-semibold text-[13px] rounded-md shadow-[0_1px_3px_0_#EBEBEB] bg-[var(--bg-step-btn)] text-white ${o==="services"?"ml-auto":""}`,children:[s.nextText||t("Next","radius-booking"),e.jsx(ge,{})]})]})]})}function E({label:s,placeholder:i}){return e.jsxs("div",{className:"rtrb-input-group",children:[e.jsx("label",{className:"text-[var(--fc-text)] font-medium text-sm block mb-3",children:s}),e.jsxs("div",{className:"w-full h-11 px-4 border border-[var(--border-color)] rounded-md bg-white shadow-[0_1px_2px_0_#EBEBEB] flex items-center justify-between",children:[e.jsx("span",{className:"text-[#7F8699] text-sm",children:i}),e.jsx(U,{size:16,className:"text-[#7F8699]"})]})]})}function G({labels:s={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsxs("svg",{width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M34 17C34 20.8337 34 23.6045 33.7011 25.8345C33.3642 28.3444 32.6335 30.0382 31.3383 31.3383C30.043 32.6335 28.3444 33.3642 25.8345 33.7011C23.6045 34 20.8337 34 17 34C13.1663 34 10.3955 34 8.1655 33.7011C5.6556 33.3642 3.96176 32.6335 2.66174 31.3383C1.36645 30.043 0.63578 28.3444 0.298912 25.8345C0 23.6045 0 20.8337 0 17C0 13.1663 0 10.3955 0.298912 8.1655C0.63578 5.6556 1.36645 3.96176 2.66174 2.66174C3.95702 1.36171 5.6556 0.63578 8.1655 0.298912C10.3955 0 13.1663 0 17 0C20.8337 0 23.6045 0 25.8345 0.298912C28.3444 0.63578 30.0382 1.36645 31.3383 2.66174C32.6335 3.95702 33.3642 5.6556 33.7011 8.1655C34 10.3955 34 13.1663 34 17Z",fill:"#EDF2FF"}),e.jsx("path",{d:"M17.4194 12.2903L13.6452 14.871L12.4194 11L11 14.871L7.22583 12.2903L9.09679 16.4516H14.9032L16.7742 12.2903H17.4194ZM22.7742 14.871L19.0001 12.2903L20.871 16.4516H26.6775L28.5484 12.2903L24.7742 14.871L23.5484 11L22.7742 14.871Z",fill:"#0046FF",fillOpacity:"0.8"}),e.jsx("path",{d:"M10.6452 17.7419H15.3549V18.871H10.6452V17.7419ZM19.5162 17.7419H24.2259V18.871H19.5162V17.7419ZM10.6452 20.3226H15.3549V21.4516H10.6452V20.3226ZM19.5162 20.3226H24.2259V21.4516H19.5162V20.3226ZM13.2258 22.9032H21.7742V24.0323H13.2258V22.9032Z",fill:"#0046FF",fillOpacity:"0.6"})]})}),e.jsx("div",{className:"flex flex-col gap-0",children:e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base leading-tight",children:s.heading||t("Easily book your appointments & Get the Service you deserve.","radius-booking")})})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(E,{label:s.serviceLabel||t("Which Service you want to take","radius-booking"),placeholder:s.servicePlaceholder||t("Select service","radius-booking")}),e.jsx(E,{label:s.locationLabel||t("Location","radius-booking"),placeholder:s.locationPlaceholder||t("Select location","radius-booking")}),e.jsx(E,{label:s.staffLabel||t("Choose a Staff","radius-booking"),placeholder:s.staffPlaceholder||t("Select staff","radius-booking")})]})]})}const Ze=[t("Sun","radius-booking"),t("Mon","radius-booking"),t("Tue","radius-booking"),t("Wed","radius-booking"),t("Thu","radius-booking"),t("Fri","radius-booking"),t("Sat","radius-booking")];function Ie(...s){return s.filter(Boolean).join(" ")}function Oe({labels:s={}}){const i=u.useMemo(()=>{const o=new Date,a=o.getFullYear(),l=o.getMonth(),b=new Date(a,l,1).getDay(),x=new Date(a,l+1,0).getDate(),m=o.getDate(),f=o.toLocaleDateString("en-US",{month:"long",year:"numeric"}),h=[];for(let p=0;p<b;p++)h.push(null);for(let p=1;p<=x;p++)h.push(p);const M=new Set([m,m+1,m+2,m+4,m+5,m+7,m+8,m+10]);return{cells:h,today:m,monthName:f,available:M}},[]);return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.48 18H15.52C16.89 18 18 16.929 18 15.622V3.72C18 2.413 16.89 1.333 15.52 1.333H14.54V.667C14.54.3 14.23 0 13.85 0s-.69.3-.69.667v.666H4.85V.667C4.85.3 4.53 0 4.15 0s-.69.3-.69.667v.666H2.48C1.11 1.333 0 2.413 0 3.72v11.902C0 16.929 1.11 18 2.48 18zM1.38 3.72c0-.58.49-1.054 1.1-1.054h.98v.667c0 .367.31.667.69.667s.69-.3.69-.667v-.667h8.32v.667c0 .367.31.667.69.667s.69-.3.69-.667v-.667h.98c.61 0 1.1.473 1.1 1.054V5.67H1.38V3.72zm0 2.95h15.24v8.952c0 .58-.49 1.054-1.1 1.054H2.48c-.61 0-1.1-.473-1.1-1.054V6.67z",fill:"#0046FF"})})}),e.jsxs("div",{className:"flex flex-col gap-0",children:[e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base",children:s.heading||t("Date & Time Selection","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] m-0",children:s.subheading||t("Select your appointment date and time","radius-booking")})]})]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("button",{className:"p-1 rounded hover:bg-gray-100 cursor-default",children:e.jsx(je,{size:18,className:"text-[var(--fc-text)]"})}),e.jsx("span",{className:"text-[var(--fc-text)] font-semibold text-sm",children:i.monthName}),e.jsx("button",{className:"p-1 rounded hover:bg-gray-100 cursor-default",children:e.jsx(ve,{size:18,className:"text-[var(--fc-text)]"})})]}),e.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:Ze.map(o=>e.jsx("div",{className:"text-center text-[11px] font-medium text-[#7F8699] py-1",children:o},o))}),e.jsx("div",{className:"grid grid-cols-7 gap-1",children:i.cells.map((o,a)=>{if(o===null)return e.jsx("div",{},`e-${a}`);const l=o===i.today,b=i.available.has(o),x=o<i.today;return e.jsx("div",{className:Ie("h-8 flex items-center justify-center rounded text-xs font-medium cursor-default",l&&"bg-[var(--primary)] text-white",!l&&b&&"bg-blue-50 text-[var(--fc-text)] border border-blue-200",!l&&!b&&!x&&"text-[#7F8699]",x&&!l&&"text-gray-300"),children:o},o)})})]})]})}const Re=[{start:"09:00",end:"09:30"},{start:"09:30",end:"10:00"},{start:"10:00",end:"10:30"},{start:"10:30",end:"11:00"},{start:"11:00",end:"11:30"},{start:"11:30",end:"12:00"}];function $e({labels:s={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M9 0C4.037 0 0 4.037 0 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9zm0 16.5c-4.136 0-7.5-3.364-7.5-7.5S4.864 1.5 9 1.5s7.5 3.364 7.5 7.5-3.364 7.5-7.5 7.5z",fill:"#0046FF"}),e.jsx("path",{d:"M9.75 4.5h-1.5v5.25l4.5 2.7.75-1.23-3.75-2.22V4.5z",fill:"#0046FF"})]})}),e.jsxs("div",{className:"flex flex-col gap-0",children:[e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base",children:s.heading||t("Available Time Slots","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] m-0",children:s.subheading||t("Select your appointment date and time","radius-booking")})]})]}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:Re.map((i,o)=>e.jsxs("button",{className:`py-3 px-3 rounded-md border text-sm font-medium cursor-default transition-colors ${o===0?"bg-[var(--primary)] text-white border-[var(--primary)]":"bg-white text-[var(--fc-text)] border-[var(--border-color)] hover:border-[var(--primary)]"}`,children:[i.start," - ",i.end]},o))})]})}function We({labels:s={},toggles:i={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsxs("svg",{width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M34 17C34 20.8337 34 23.6045 33.7011 25.8345C33.3642 28.3444 32.6335 30.0382 31.3383 31.3383C30.043 32.6335 28.3444 33.3642 25.8345 33.7011C23.6045 34 20.8337 34 17 34C13.1663 34 10.3955 34 8.1655 33.7011C5.6556 33.3642 3.96176 32.6335 2.66174 31.3383C1.36645 30.043 0.63578 28.3444 0.298912 25.8345C0 23.6045 0 20.8337 0 17C0 13.1663 0 10.3955 0.298912 8.1655C0.63578 5.6556 1.36645 3.96176 2.66174 2.66174C3.95702 1.36171 5.6556 0.63578 8.1655 0.298912C10.3955 0 13.1663 0 17 0C20.8337 0 23.6045 0 25.8345 0.298912C28.3444 0.63578 30.0382 1.36645 31.3383 2.66174C32.6335 3.95702 33.3642 5.6556 33.7011 8.1655C34 10.3955 34 13.1663 34 17Z",fill:"#EDF2FF"}),e.jsxs("g",{clipPath:"url(#clip_mock_det)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.75 7.75C12.7828 7.75 8.75 11.7828 8.75 16.75C8.75 21.7172 12.7828 25.75 17.75 25.75C22.7172 25.75 26.75 21.7172 26.75 16.75C26.75 11.7828 22.7172 7.75 17.75 7.75ZM17.75 9.00581C22.024 9.00581 25.4942 12.476 25.4942 16.75C25.4942 21.024 22.024 24.4942 17.75 24.4942C13.476 24.4942 10.0058 21.024 10.0058 16.75C10.0058 12.476 13.476 9.00581 17.75 9.00581Z",fill:"#0046FF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2219 22.6314C13.6276 21.1981 15.5858 20.3081 17.75 20.3081C19.9142 20.3081 21.8724 21.1981 23.2781 22.6314C23.5209 22.8792 23.9186 22.8826 24.1664 22.6398C24.4133 22.3978 24.4175 21.9993 24.1747 21.7523C22.5413 20.0863 20.265 19.0523 17.75 19.0523C15.235 19.0523 12.9587 20.0863 11.3253 21.7523C11.0825 21.9993 11.0867 22.3978 11.3336 22.6398C11.5814 22.8826 11.9791 22.8792 12.2219 22.6314Z",fill:"#0046FF"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.75 11.0988C15.7859 11.0988 14.1919 12.6929 14.1919 14.657C14.1919 16.6211 15.7859 18.2151 17.75 18.2151C19.7141 18.2151 21.3081 16.6211 21.3081 14.657C21.3081 12.6929 19.7141 11.0988 17.75 11.0988ZM17.75 12.3547C19.0209 12.3547 20.0523 13.3861 20.0523 14.657C20.0523 15.9279 19.0209 16.9593 17.75 16.9593C16.4791 16.9593 15.4477 15.9279 15.4477 14.657C15.4477 13.3861 16.4791 12.3547 17.75 12.3547Z",fill:"#0046FF"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip_mock_det",children:e.jsx("rect",{width:"18",height:"18",fill:"white",transform:"translate(8.75 7.75)"})})})]})}),e.jsxs("div",{className:"flex flex-col gap-0",children:[e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base",children:s.heading||t("Customer Details","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] m-0",children:s.subheading||t("Customer Information","radius-booking")})]})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rtrb-input-group",children:[e.jsxs("label",{className:"text-[var(--fc-text)] font-medium text-sm block mb-3",children:[s.fullNameLabel||t("Full Name","radius-booking")," ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx("input",{type:"text",readOnly:!0,value:"John Doe",className:"w-full h-11 px-4 border border-[var(--border-color)] rounded-md bg-white shadow-[0_1px_2px_0_#EBEBEB] text-sm font-medium text-[var(--fc-text)] focus:outline-none cursor-default"})]}),e.jsxs("div",{className:"rtrb-input-group",children:[e.jsxs("label",{className:"text-[var(--fc-text)] font-medium text-sm block mb-3",children:[s.phoneLabel||t("Phone number","radius-booking")," ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx("input",{type:"text",readOnly:!0,value:"(555) 123-4567",className:"w-full h-11 px-4 border border-[var(--border-color)] rounded-md bg-white shadow-[0_1px_2px_0_#EBEBEB] text-sm font-medium text-[var(--fc-text)] focus:outline-none cursor-default"})]}),e.jsxs("div",{className:"rtrb-input-group",children:[e.jsxs("label",{className:"text-[var(--fc-text)] font-medium text-sm block mb-3",children:[s.emailLabel||t("E-mail","radius-booking")," ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx("input",{type:"text",readOnly:!0,value:"john@example.com",className:"w-full h-11 px-4 border border-[var(--border-color)] rounded-md bg-white shadow-[0_1px_2px_0_#EBEBEB] text-sm font-medium text-[var(--fc-text)] focus:outline-none cursor-default"})]}),i.showNoteField!==!1&&e.jsxs("div",{className:"rtrb-input-group",children:[e.jsx("label",{className:"text-[var(--fc-text)] font-medium text-sm block mb-3",children:s.noteLabel||t("Note","radius-booking")}),e.jsx("textarea",{readOnly:!0,value:"First time visit",rows:3,className:"w-full px-4 py-3 border border-[var(--border-color)] rounded-md bg-white shadow-[0_1px_2px_0_#EBEBEB] text-sm font-medium text-[var(--fc-text)] focus:outline-none cursor-default resize-none"})]})]})]})}function Ue({labels:s={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M15.75 3H2.25C1.42157 3 0.75 3.67157 0.75 4.5V13.5C0.75 14.3284 1.42157 15 2.25 15H15.75C16.5784 15 17.25 14.3284 17.25 13.5V4.5C17.25 3.67157 16.5784 3 15.75 3Z",stroke:"#0046FF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M0.75 7.5H17.25",stroke:"#0046FF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs("div",{className:"flex flex-col gap-0",children:[e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base",children:s.heading||t("Payment","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] m-0",children:s.subheading||t("Payment Summary","radius-booking")})]})]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 mb-4",children:[e.jsx("h4",{className:"text-[var(--fc-text)] font-semibold text-sm mb-3",children:s.summaryTitle||t("Appointment summary","radius-booking")}),e.jsxs("div",{className:"space-y-2.5",children:[e.jsx(C,{label:t("Service","radius-booking"),value:t("Hair Cut","radius-booking")}),e.jsx(C,{label:t("Provider","radius-booking"),value:t("Dr. Sarah Johnson","radius-booking")}),e.jsx(C,{label:t("Date","radius-booking"),value:t("Sat, Mar 15, 2026","radius-booking")}),e.jsx(C,{label:t("Time","radius-booking"),value:"09:00 - 09:30"}),e.jsx(C,{label:t("Duration","radius-booking"),value:t("30 mins","radius-booking")}),e.jsx("div",{className:"h-px bg-[var(--border-color)] my-1"}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[var(--fc-text)] text-sm font-semibold",children:t("Total","radius-booking")}),e.jsx("span",{className:"text-[var(--primary)] text-sm font-bold",children:"$50.00"})]})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"text",readOnly:!0,placeholder:t("Enter coupon code","radius-booking"),className:"flex-1 h-10 px-3 border border-[var(--border-color)] rounded-md bg-white text-sm text-[#7F8699] focus:outline-none cursor-default"}),e.jsx("button",{className:"px-4 h-10 bg-[var(--bg-step-btn)] text-white text-sm font-medium rounded-md cursor-default",children:t("Apply","radius-booking")})]})]})}function C({label:s,value:i}){return e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-[#7F8699]",children:s}),e.jsx("span",{className:"text-[var(--fc-text)] font-medium",children:i})]})}function Ge({labels:s={},buttons:i={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"rtrb-step-header flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-[34px] h-[34px] bg-[#EDF2FF] rounded-lg flex items-center justify-center",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M1.5 1.5H3.75L5.76 10.9125C5.82858 11.2323 6.01078 11.5162 6.27256 11.7116C6.53434 11.907 6.85794 12 7.185 12H14.175C14.502 12 14.8257 11.907 15.0874 11.7116C15.3492 11.5162 15.5314 11.2323 15.6 10.9125L16.5 6H4.5",stroke:"#0046FF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"7.5",cy:"15",r:"1.125",stroke:"#0046FF",strokeWidth:"1.2"}),e.jsx("circle",{cx:"14.25",cy:"15",r:"1.125",stroke:"#0046FF",strokeWidth:"1.2"})]})}),e.jsxs("div",{className:"flex flex-col gap-0",children:[e.jsx("h3",{className:"text-[var(--fc-text)] m-0 font-semibold text-base",children:s.heading||t("Checkout","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] m-0",children:s.subheading||t("Make your payment","radius-booking")})]})]}),e.jsx("div",{className:"bg-[#F8FAFC] border border-[var(--border-color)] rounded-lg p-4 mb-5",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[var(--fc-text)] text-sm font-medium",children:t("Amount Due","radius-booking")}),e.jsx("span",{className:"text-[var(--primary)] text-lg font-bold",children:"$50.00"})]})}),e.jsx("h4",{className:"text-[var(--fc-text)] font-semibold text-sm mb-3",children:s.paymentMethodTitle||t("Payment method","radius-booking")}),e.jsxs("div",{className:"space-y-2 mb-5",children:[e.jsx(H,{label:t("Pay on Cash","radius-booking"),selected:!0,icon:e.jsx(Je,{})}),e.jsx(H,{label:t("Stripe","radius-booking"),icon:e.jsx(Ye,{})}),e.jsx(H,{label:t("PayPal","radius-booking"),icon:e.jsx(Ke,{})})]}),e.jsx("button",{className:"w-full py-3 bg-[var(--bg-step-btn)] text-white text-sm font-semibold rounded-md cursor-default",children:i.confirmText||t("Continue","radius-booking")})]})}function H({label:s,selected:i,icon:o}){return e.jsxs("div",{className:`flex items-center gap-3 p-3 rounded-lg border cursor-default ${i?"border-[var(--primary)] bg-[var(--primary)]/5":"border-[var(--border-color)] bg-white"}`,children:[e.jsx("div",{className:`w-4 h-4 rounded-full border-2 flex items-center justify-center ${i?"border-[var(--primary)]":"border-gray-300"}`,children:i&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-[var(--primary)]"})}),e.jsxs("div",{className:"flex items-center gap-2",children:[o,e.jsx("span",{className:`text-sm font-medium ${i?"text-[var(--fc-text)]":"text-[#7F8699]"}`,children:s})]})]})}function Je(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"1",y:"4",width:"18",height:"12",rx:"2",stroke:"#7F8699",strokeWidth:"1.2"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"#7F8699",strokeWidth:"1.2"})]})}function Ye(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"1",y:"4",width:"18",height:"12",rx:"2",stroke:"#635BFF",strokeWidth:"1.2"}),e.jsx("path",{d:"M9.5 8.5C9.5 8 10 7.5 11 7.5C12 7.5 12.5 8 12.5 8L13 7C13 7 12.2 6.3 11 6.3C9.5 6.3 8.3 7.2 8.3 8.5C8.3 11.2 12 10 12 11.5C12 12.2 11.3 12.5 10.5 12.5C9.5 12.5 8.5 11.8 8.5 11.8L8 13C8 13 9 13.7 10.5 13.7C12 13.7 13.3 12.8 13.3 11.5C13.3 8.5 9.5 9.8 9.5 8.5Z",fill:"#635BFF"})]})}function Ke(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M7 17L8 11H10.5C13 11 15 9 15 6.5C15 4.5 13.5 3 11.5 3H7L4 17H7Z",stroke:"#003087",strokeWidth:"1.2",fill:"none"}),e.jsx("path",{d:"M9 14L10 8H12C13.7 8 14.5 9 14.5 10C14.5 11.5 13 13 11 13H9.5",stroke:"#009CDE",strokeWidth:"1.2",fill:"none"})]})}function Qe({labels:s={},toggles:i={}}){return e.jsxs("div",{children:[e.jsxs("div",{className:"text-center mb-7",children:[e.jsxs("svg",{className:"w-9 h-9 mx-auto mb-2",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M36 18C36 22.0592 36 24.993 35.6835 27.3542C35.3268 30.0117 34.5532 31.8052 33.1817 33.1817C31.8102 34.5532 30.0117 35.3268 27.3542 35.6835C24.993 36 22.0592 36 18 36C13.9408 36 11.007 36 8.64583 35.6835C5.98828 35.3268 4.19481 34.5532 2.81831 33.1817C1.44683 31.8102 0.673179 30.0117 0.316495 27.3542C0 24.993 0 22.0592 0 18C0 13.9408 0 11.007 0.316495 8.64583C0.673179 5.98828 1.44683 4.19481 2.81831 2.81831C4.18979 1.44181 5.98828 0.673179 8.64583 0.316495C11.007 0 13.9408 0 18 0C22.0592 0 24.993 0 27.3542 0.316495C30.0117 0.673179 31.8052 1.44683 33.1817 2.81831C34.5532 4.18979 35.3268 5.98828 35.6835 8.64583C36 11.007 36 13.9408 36 18Z",fill:"#3DF54C"}),e.jsx("path",{d:"M26 17.2686V18.0046C25.999 19.7297 25.4404 21.4083 24.4075 22.79C23.3745 24.1718 21.9226 25.1826 20.2683 25.6717C18.6139 26.1608 16.8458 26.1021 15.2276 25.5042C13.6093 24.9064 12.2277 23.8015 11.2888 22.3542C10.3498 20.907 9.90383 19.195 10.0173 17.4736C10.1308 15.7522 10.7978 14.1136 11.9186 12.8022C13.0395 11.4908 14.5542 10.5769 16.2369 10.1967C17.9197 9.81651 19.6802 9.99045 21.256 10.6926M26 11.6046L18 19.6126L15.6 17.2126",stroke:"#00154C",strokeWidth:"1.82857",strokeLinecap:"round",strokeLinejoin:"round"})]}),e.jsx("h3",{className:"text-[var(--fc-text)] font-semibold text-lg mb-1",children:s.heading||t("Appointment Confirmed","radius-booking")}),e.jsx("p",{className:"text-[#7F8699] text-[13px] capitalize mb-4",children:s.subheading||t("We Look Forward To Seeing You.","radius-booking")}),e.jsx("div",{className:"inline-flex items-center justify-center gap-2.5 px-[10px] py-1 rounded border border-[#DBE2E9] bg-[#F8FAFC]",children:e.jsxs("span",{className:"text-[#7F8699] text-sm font-medium",children:[t("Order ID:","radius-booking")," ",e.jsx("span",{className:"text-[var(--fc-text)]",children:"#1345"})]})})]}),e.jsxs("div",{className:"mb-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.08 15H13.02C14.16 15 15 14.11 15 13V3.1C15 1.99 14.16 1.11 13.02 1.11H12.28V.56C12.28.25 12.07 0 11.75 0c-.32 0-.56.25-.56.56v.55H4.07V.56C4.07.25 3.83 0 3.5 0c-.32 0-.56.25-.56.56v.55H2.08C.93 1.11 0 2 0 3.1V13c0 1.11.93 2 2.08 2z",fill:"var(--fc-text,#323E5B)"})}),e.jsx("h4",{className:"text-[var(--fc-text)] font-semibold text-[15px] m-0",children:s.detailsTitle||t("Appointment Details","radius-booking")})]}),e.jsx("div",{className:"h-[2px] bg-[#DBE2E9] mb-6"}),e.jsxs("div",{className:"grid grid-cols-1 gap-3",children:[e.jsx(g,{label:t("Booking ID","radius-booking"),value:"#1345"}),e.jsx(g,{label:t("Provider","radius-booking"),value:t("Dr. Sarah Johnson","radius-booking")}),e.jsx(g,{label:t("Service","radius-booking"),value:t("Hair Cut","radius-booking")}),e.jsx(g,{label:t("Date","radius-booking"),value:t("Sat, Mar 15, 2026","radius-booking")}),e.jsx(g,{label:t("Time","radius-booking"),value:"09:00 - 09:30"}),e.jsx(g,{label:t("Duration","radius-booking"),value:t("30 mins","radius-booking")}),e.jsx(g,{label:t("Customer","radius-booking"),value:t("John Doe","radius-booking")})]})]}),e.jsxs("div",{className:"mb-6",children:[e.jsx("div",{className:"inline-flex items-center justify-center gap-2.5 px-5 py-[8px] rounded border border-[var(--primary)] bg-white mb-3",children:e.jsx("span",{className:"text-[var(--primary)] text-[13px] font-semibold",children:t("Total: $50.00","radius-booking")})}),e.jsx("p",{className:"text-[#7F8699] text-xs font-normal mb-0",children:t("Payment: Pay on Cash","radius-booking")})]}),i.showCalendarExport!==!1&&e.jsxs("div",{className:"grid grid-cols-4 gap-2",children:[e.jsx(N,{label:t("Google Calendar","radius-booking")}),e.jsx(N,{label:t("Apple Calendar","radius-booking")}),e.jsx(N,{label:t("Outlook","radius-booking")}),e.jsx(N,{label:t("Re-Book","radius-booking")})]})]})}function g({label:s,value:i}){return e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"flex items-center justify-center flex-shrink-0 w-4 h-4 mt-0.5",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("circle",{cx:"7",cy:"7",r:"6",stroke:"#565656",strokeWidth:"1.2"})})}),e.jsxs("div",{className:"flex items-start flex-1 mt-[-4px]",children:[e.jsx("p",{className:"text-[var(--fc-text)] text-[13px] font-bold mb-0 min-w-[90px]",children:s}),e.jsxs("p",{className:"text-[var(--fc-text)] text-sm font-medium mb-0",children:[e.jsx("strong",{children:": "}),i]})]})]})}function N({label:s}){return e.jsxs("button",{className:"flex flex-col items-center justify-center gap-1 p-2 rounded-md border border-[var(--border-color)] bg-white cursor-default hover:bg-gray-50",children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"2",y:"3",width:"16",height:"15",rx:"2",stroke:"var(--fc-text,#323E5B)",strokeWidth:"1.2"}),e.jsx("path",{d:"M2 7h16M6 1v4M14 1v4",stroke:"var(--fc-text,#323E5B)",strokeWidth:"1.2",strokeLinecap:"round"})]}),e.jsx("span",{className:"text-[10px] font-normal leading-[1.2] text-[var(--fc-text)]",children:s})]})}const Xe={services:G,datetime:Oe,timeslot:$e,details:We,payment:Ue,checkout:Ge,confirmation:Qe};function qe({activeStep:s,labels:i={},buttons:o={},toggles:a={},design:l={}}){const b=Xe[s]||G,x=i[s]||{};return e.jsx("div",{className:`flex items-center justify-center p-4 step-${s}`,children:e.jsxs("div",{className:`w-full flex flex-col min-h-[570px] md:flex-row rounded-[15px] shadow-[0_0_20px_rgba(234,234,234,1)] overflow-hidden ${a.showSidebar!==!1?"max-w-[760px]":"max-w-[500px]"}`,children:[a.showSidebar!==!1&&e.jsx(Ve,{labels:i.sidebar||{},stepId:s,toggles:a,sidebarImageUrl:l.sidebarImageUrl}),e.jsxs("div",{className:`w-full bg-[var(--fc-bg,#fff)] p-4 xs:p-8 flex flex-col justify-between max-h-[700px] overflow-y-auto pr-3 ${a.showSidebar!==!1?"md:w-[460px] rounded-b-[15px] md:rounded-r-[15px] md:rounded-bl-none min-h-[400px] md:min-h-[570px]":"rounded-[15px] min-h-[400px]"}`,children:[e.jsx("div",{className:"flex-1 pr-1",children:e.jsx(b,{labels:x,toggles:a,buttons:o})}),e.jsx("div",{className:"px-4 xs:px-8 pb-4",children:e.jsx(Ae,{buttons:o,toggles:a,stepId:s})})]})]})})}function et(s,i){return i.split(".").reduce((o,a)=>o==null?void 0:o[a],s)}function tt({activeStep:s,onStepChange:i}){const o=W(l=>l(D).getSettings(),[]),a=u.useMemo(()=>{const l=et(o,"formCustomization")||{};return{design:l.design||{},labels:l.labels||{},buttons:l.buttons||{},toggles:l.toggles||{}}},[o]);return e.jsxs("div",{children:[e.jsx("div",{className:"flex items-center justify-between mb-3",children:e.jsx("h3",{className:"text-sm font-semibold text-title",children:t("Live Preview","radius-booking")})}),e.jsx(Pe,{activeStep:s,onStepChange:i}),e.jsx(_e,{design:a.design,children:e.jsx(qe,{activeStep:s,labels:a.labels,buttons:a.buttons,toggles:a.toggles,design:a.design})})]})}const c=({className:s,...i})=>e.jsx("div",{className:L("animate-pulse rounded-md bg-slate-200",s),...i}),st=()=>e.jsx("div",{className:"flex items-center gap-1",children:Array.from({length:3}).map((s,i)=>e.jsx(c,{className:L("h-9 rounded-lg",i===0?"w-24 bg-slate-300":"w-20")},i))}),S=()=>e.jsx("div",{className:"border border-border rounded-lg bg-white overflow-hidden",children:e.jsxs("div",{className:"flex items-center justify-between px-5 py-4",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(c,{className:"h-4 w-36"}),e.jsx(c,{className:"h-3 w-56"})]}),e.jsx(c,{className:"h-4 w-4 rounded"})]})}),it=({fieldCount:s=3,cols:i=2})=>e.jsxs("div",{className:"rounded-lg border border-border bg-white p-6",children:[e.jsxs("div",{className:"mb-5 space-y-1.5 border-b border-slate-100 pb-4",children:[e.jsx(c,{className:"h-5 w-40"}),e.jsx(c,{className:"h-3 w-72"})]}),e.jsx("div",{className:L("grid gap-5",i===2?"grid-cols-1 sm:grid-cols-2":"grid-cols-1"),children:Array.from({length:s}).map((o,a)=>e.jsxs("div",{className:"space-y-2",children:[e.jsx(c,{className:"h-4 w-28"}),e.jsx(c,{className:"h-10 w-full rounded-md"})]},a))})]}),ot=()=>e.jsxs("div",{className:"p-4",children:[e.jsx("div",{className:"flex items-center gap-2 mb-4",children:Array.from({length:4}).map((s,i)=>e.jsx(c,{className:L("h-8 rounded-md",i===0?"w-20 bg-slate-300":"w-16")},i))}),e.jsxs("div",{className:"rounded-xl border border-border bg-white p-6 space-y-5",children:[e.jsx(c,{className:"h-6 w-48 mx-auto"}),e.jsx(c,{className:"h-3 w-64 mx-auto"}),e.jsx("div",{className:"space-y-4 pt-2",children:Array.from({length:3}).map((s,i)=>e.jsx("div",{className:"rounded-lg border border-border p-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(c,{className:"h-10 w-10 rounded-md"}),e.jsxs("div",{className:"flex-1 space-y-1.5",children:[e.jsx(c,{className:"h-4 w-32"}),e.jsx(c,{className:"h-3 w-20"})]})]})},i))}),e.jsx(c,{className:"h-10 w-full rounded-md mt-4"})]})]});function rt(){return e.jsxs("div",{className:"min-h-screen",children:[e.jsx("div",{className:"bg-white border border-border rounded-t-xl",children:e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2 px-3 sm:px-4 py-2",children:[e.jsx(st,{}),e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3 ml-auto",children:[e.jsx(c,{className:"hidden xl:block h-8 w-20 rounded-md"}),e.jsx(c,{className:"h-8 w-16 rounded-md"}),e.jsx(c,{className:"h-8 w-28 rounded-md"})]})]})}),e.jsxs("div",{className:"flex flex-col xl:flex-row",children:[e.jsx("main",{className:"min-w-0 bg-white border-l border-b border-r border-border px-4 sm:px-8 py-5 rounded-b-[12px] xl:w-[45%] xl:shrink-0 xl:rounded-br-none xl:border-r-0",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx(it,{fieldCount:4,cols:2}),e.jsx(S,{}),e.jsx(S,{}),e.jsx(S,{}),e.jsx(S,{})]})}),e.jsx("aside",{className:"hidden xl:block xl:flex-1 min-w-0 bg-slate-50/80 border border-border xl:border-l-0 border-t-0 xl:border-t rounded-br-[12px]",children:e.jsx("div",{className:"sticky top-[60px] p-4 max-h-[calc(100vh-60px)] overflow-hidden",children:e.jsx(ot,{})})})]})]})}function P(s,i){return i.split(".").reduce((o,a)=>o==null?void 0:o[a],s)}function at({value:s,onChange:i}){return e.jsxs("div",{className:"flex items-center gap-2 w-full",children:[e.jsx("input",{type:"color",value:s||"#000000",onChange:o=>i(o.target.value),className:"w-10 h-10 rounded-md border border-border cursor-pointer p-0.5"}),e.jsx("input",{type:"text",value:s||"",onChange:o=>i(o.target.value),placeholder:"#000000",className:"flex-1 h-[45px] rounded-md border border-border bg-white px-3 py-2 text-sm text-title placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-200"})]})}function lt({value:s,onChange:i,hint:o}){const a=ke();function l(){a({title:t("Select Sidebar Image","radius-booking"),onSelect:b=>{i(b.url)}})}return e.jsxs("div",{className:"flex flex-col w-full",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[s?e.jsxs("div",{className:"relative group",children:[e.jsx("img",{src:s,alt:t("Sidebar illustration","radius-booking"),className:"w-16 h-16 object-contain rounded-md border border-border bg-gray-50"}),e.jsx("button",{onClick:()=>i(""),className:"absolute -top-1.5 -right-1.5 w-5 h-5 bg-red-500 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(de,{size:12})})]}):e.jsx("div",{className:"w-16 h-16 rounded-md border-2 border-dashed border-border bg-gray-50 flex items-center justify-center",children:e.jsx(ne,{size:18,className:"text-title2"})}),e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("button",{onClick:l,className:"px-3 py-1.5 text-xs font-medium bg-gray-100 hover:bg-gray-200 text-title2 rounded-md transition-colors",children:s?t("Change Image","radius-booking"):t("Upload Image","radius-booking")}),s&&e.jsx("button",{onClick:()=>i(""),className:"px-3 py-1.5 text-xs font-medium text-red-500 hover:text-red-700 transition-colors text-left",children:t("Use Default","radius-booking")})]})]}),o&&e.jsx(F,{children:o})]})}function _({field:s,value:i,onChange:o}){switch(s.type){case"color":return e.jsxs("div",{className:"flex flex-col w-full",children:[e.jsx(at,{value:i||"",onChange:o}),s.hint&&e.jsx(F,{children:s.hint})]});case"text":return e.jsxs("div",{className:"flex flex-col w-full",children:[e.jsx(le,{value:i||"",onChange:a=>o(a.target.value),placeholder:s.placeholder}),s.hint&&e.jsx(F,{children:s.hint})]});case"select":return e.jsx(ae,{value:i,onChange:a=>o(a.target.value),options:s.options});case"toggle":return e.jsxs("div",{className:"flex flex-col w-full",children:[e.jsx(re,{checked:i??!1,onChange:o,label:s.label}),s.hint&&e.jsx(F,{children:s.hint})]});case"image":return e.jsx(lt,{value:i||"",onChange:o,hint:s.hint});default:return e.jsxs("div",{children:[t("Unknown field type:","radius-booking")," ",s.type]})}}function nt(){const s=ce(D),i=W(r=>r(D).getSettings(),[]),[o,a]=u.useState(!1),[l,b]=me(),x=l.get("tab")||"design",[m,f]=u.useState(!1),[h,M]=u.useState(!0),[p,J]=u.useState({}),[Y,V]=u.useState("services"),[A,Z]=u.useState(!1),K=()=>{const r="[radius_booking_form]";if(navigator.clipboard&&window.isSecureContext)navigator.clipboard.writeText(r);else{const d=document.createElement("textarea");d.value=r,d.style.position="fixed",d.style.opacity="0",document.body.appendChild(d),d.select(),document.execCommand("copy"),document.body.removeChild(d)}Z(!0),setTimeout(()=>Z(!1),2e3)};u.useEffect(()=>{let r=!0;return(async()=>{r&&s.getSettings({})})(),()=>{r=!1}},[s]);const Q=u.useMemo(()=>$.sections.filter(r=>r.tab===x),[x]);function T(r,d){s.setSettingsFields(r,d)}async function X(){try{await s.saveSettings(i),f(!0),setTimeout(()=>f(!1),1500)}catch{}}const q=async()=>{await s.restoreSettings()&&a(!1)};function ee(r,d){const j=!p[r];J(y=>({...y,[r]:j})),j&&d&&V(d)}function I(r){const d=r.fields||[],j=d.some(n=>n.gridColumn),y=d.filter(n=>n.type==="toggle"&&!n.gridColumn),w=d.filter(n=>n.type!=="toggle"||n.gridColumn);return e.jsxs(e.Fragment,{children:[j&&w.length>0&&e.jsx(O,{cols:r.cols,children:w.map(n=>{const v=P(i,n.key);return e.jsx(R,{label:n.label,children:e.jsx(_,{field:n,value:v,onChange:k=>T(n.key,k)})},n.key)})}),!j&&w.length>0&&e.jsx(oe,{children:w.map(n=>{const v=P(i,n.key);return e.jsx(R,{label:n.label,children:e.jsx(_,{field:n,value:v,onChange:k=>T(n.key,k)})},n.key)})}),y.length>0&&e.jsx(O,{cols:1,children:y.map(n=>{const v=P(i,n.key);return e.jsx(_,{field:n,value:v,onChange:k=>T(n.key,k)},n.key)})})]})}function te(r){if(r.collapsible){const d=!!p[r.id];return e.jsx("section",{id:r.id,className:"scroll-mt-40",children:e.jsxs("div",{className:"border border-border rounded-lg bg-white overflow-hidden",children:[e.jsxs("button",{type:"button",onClick:()=>ee(r.id,r.previewStep),className:"w-full flex items-center justify-between px-5 py-4 text-left hover:bg-gray-50/50 transition-colors",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-semibold text-title",children:r.title}),r.description&&e.jsx("p",{className:"mt-0.5 text-xs text-small-font",children:r.description})]}),e.jsx(U,{size:18,className:`text-title2 shrink-0 transition-transform duration-200 ${d?"rotate-180":""}`})]}),d&&e.jsx("div",{className:"px-5 pb-5 pt-1 border-t border-border space-y-4",children:I(r)})]})},r.id)}return e.jsx(ie,{id:r.id,title:r.title,description:r.description,children:I(r)},r.id)}return i.length===0?e.jsx(rt,{}):e.jsxs("div",{className:"min-h-screen",children:[e.jsxs("div",{className:"mb-4 flex items-center gap-3 rounded-lg border border-blue-200 bg-blue-50 px-4 py-3",children:[e.jsx(Ce,{size:18,className:"text-blue-600 shrink-0"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-sm",children:[e.jsx("span",{className:"text-title2",children:t("Use this shortcode to display the booking form:","radius-booking")}),e.jsx("code",{className:"rounded bg-white px-2.5 py-1 font-mono text-sm font-medium text-primary border border-blue-200",children:"[radius_booking_form]"}),e.jsxs("button",{onClick:K,className:"inline-flex items-center gap-1 rounded-md bg-white px-2 py-1 text-xs font-medium text-title2 border border-blue-200 hover:bg-blue-100 transition-colors",children:[A?e.jsx(ye,{size:13,className:"text-green-600"}):e.jsx(we,{size:13}),A?t("Copied!","radius-booking"):t("Copy","radius-booking")]})]})]}),e.jsx("div",{className:"bg-white border border-border rounded-t-xl",children:e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2 px-3 sm:px-4 py-2",children:[e.jsx("div",{className:"flex items-center gap-0.5 sm:gap-1 overflow-x-auto",children:$.tabs.map(r=>e.jsxs("button",{onClick:()=>b({tab:r.id}),className:`flex items-center gap-1.5 sm:gap-2 px-2.5 sm:px-4 py-2 sm:py-2.5 rounded-lg text-xs sm:text-sm font-medium transition-colors whitespace-nowrap ${x===r.id?"bg-primary/10 text-primary":"text-title2 hover:bg-gray-50 hover:text-title"}`,children:[e.jsx("span",{className:x===r.id?"text-primary":"text-title2",children:r.icon}),e.jsx("span",{className:"hidden sm:inline",children:r.title})]},r.id))}),e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3 ml-auto",children:[e.jsxs(B,{onClick:()=>M(r=>!r),className:`hidden xl:flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors ${h?"bg-primary/10 text-primary":"bg-gray-100 text-title2 hover:bg-gray-200"}`,children:[h?e.jsx(Ne,{size:14}):e.jsx(se,{size:14}),t("Preview","radius-booking")]}),e.jsx(B,{onClick:()=>a(!0),className:"rounded-md border border-border bg-white px-3 py-1.5 text-xs font-medium text-title2 shadow-sm hover:bg-slate-50",children:t("Reset","radius-booking")}),e.jsx(B,{onClick:X,className:"rounded-md bg-primary px-4 py-1.5 text-xs font-semibold text-white shadow hover:bg-blue-700",children:m?t("Saved","radius-booking"):t("Save Changes","radius-booking")})]})]})}),e.jsxs("div",{className:"flex flex-col xl:flex-row",children:[e.jsx("main",{className:`min-w-0 bg-white border-l border-b border-r border-border px-4 sm:px-8 py-5 rounded-b-[12px] ${h?"xl:w-[45%] xl:shrink-0 xl:rounded-br-none xl:border-r-0":"w-full"}`,children:e.jsx("section",{className:`${x==="labels"?"space-y-3":"space-y-8"}`,children:Q.map(r=>te(r))})}),h&&e.jsx("aside",{className:"hidden xl:block xl:flex-1 min-w-0 bg-slate-50/80 border border-border xl:border-l-0 border-t-0 xl:border-t rounded-br-[12px]",children:e.jsx("div",{className:"sticky top-[60px] p-4 max-h-[calc(100vh-60px)] overflow-hidden",children:e.jsx(tt,{activeStep:Y,onStepChange:V})})})]}),e.jsx(xe,{open:o,onClose:()=>a(!1),onConfirm:()=>q(),title:t("Are you sure?","radius-booking"),description:t("This action will reset your form customization settings.","radius-booking"),confirmText:t("Reset","radius-booking")})]})}function Zt(){return e.jsx(ue,{children:e.jsx(be,{path:"/",element:e.jsx(nt,{})})})}export{Zt as default};
//# sourceMappingURL=index-qbB9yQCS.js.map
