@bigz-app/booking-widget 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/booking-widget.js +80 -148
- package/dist/booking-widget.js.map +1 -1
- package/dist/components/PromoDialog.d.ts.map +1 -1
- package/dist/index.cjs +80 -148
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +80 -148
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -13264,52 +13264,24 @@ const getThemeConfig = (theme = "generic") => {
|
|
|
13264
13264
|
backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
|
|
13265
13265
|
primaryColor: "#0c4a6e",
|
|
13266
13266
|
secondaryColor: "#0891b2",
|
|
13267
|
-
icon: "🏄♂️",
|
|
13268
|
-
decorations: ["🎄", "⭐"],
|
|
13269
|
-
animation: {
|
|
13270
|
-
floatDuration: 3,
|
|
13271
|
-
sparkleEnabled: true,
|
|
13272
|
-
snowfallEnabled: true,
|
|
13273
|
-
},
|
|
13274
13267
|
};
|
|
13275
13268
|
case "summer":
|
|
13276
13269
|
return {
|
|
13277
13270
|
backgroundImage: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=600&q=80",
|
|
13278
13271
|
primaryColor: "#059669",
|
|
13279
13272
|
secondaryColor: "#10b981",
|
|
13280
|
-
icon: "☀️",
|
|
13281
|
-
decorations: ["🌴", "🏖️"],
|
|
13282
|
-
animation: {
|
|
13283
|
-
floatDuration: 2.5,
|
|
13284
|
-
sparkleEnabled: true,
|
|
13285
|
-
snowfallEnabled: false,
|
|
13286
|
-
},
|
|
13287
13273
|
};
|
|
13288
13274
|
case "beach":
|
|
13289
13275
|
return {
|
|
13290
13276
|
backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
|
|
13291
13277
|
primaryColor: "#0891b2",
|
|
13292
13278
|
secondaryColor: "#06b6d4",
|
|
13293
|
-
icon: "🏄♀️",
|
|
13294
|
-
decorations: ["🌊", "🏄"],
|
|
13295
|
-
animation: {
|
|
13296
|
-
floatDuration: 3,
|
|
13297
|
-
sparkleEnabled: false,
|
|
13298
|
-
snowfallEnabled: false,
|
|
13299
|
-
},
|
|
13300
13279
|
};
|
|
13301
13280
|
default:
|
|
13302
13281
|
return {
|
|
13303
13282
|
backgroundImage: undefined,
|
|
13304
13283
|
primaryColor: "#0c4a6e",
|
|
13305
13284
|
secondaryColor: "#0891b2",
|
|
13306
|
-
icon: "🎁",
|
|
13307
|
-
decorations: [],
|
|
13308
|
-
animation: {
|
|
13309
|
-
floatDuration: 3,
|
|
13310
|
-
sparkleEnabled: false,
|
|
13311
|
-
snowfallEnabled: false,
|
|
13312
|
-
},
|
|
13313
13285
|
};
|
|
13314
13286
|
}
|
|
13315
13287
|
};
|
|
@@ -13367,192 +13339,152 @@ function PromoDialog({ config, onClose, onCtaClick }) {
|
|
|
13367
13339
|
position: "fixed",
|
|
13368
13340
|
inset: 0,
|
|
13369
13341
|
zIndex: 60,
|
|
13370
|
-
backgroundColor: "rgba(0, 20, 40, 0.
|
|
13371
|
-
backdropFilter: "blur(
|
|
13342
|
+
backgroundColor: "rgba(0, 20, 40, 0.8)",
|
|
13343
|
+
backdropFilter: "blur(6px)",
|
|
13372
13344
|
transition: "opacity 0.3s ease-out",
|
|
13373
13345
|
opacity: isVisible ? 1 : 0,
|
|
13374
13346
|
} }), jsx("div", { style: {
|
|
13375
13347
|
position: "fixed",
|
|
13376
13348
|
zIndex: 61,
|
|
13377
|
-
width: "
|
|
13378
|
-
maxWidth: "
|
|
13349
|
+
width: "90%",
|
|
13350
|
+
maxWidth: "400px",
|
|
13379
13351
|
transition: "all 0.3s",
|
|
13380
13352
|
top: "50%",
|
|
13381
13353
|
left: "50%",
|
|
13382
|
-
transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.
|
|
13354
|
+
transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.95})`,
|
|
13383
13355
|
opacity: isVisible ? 1 : 0,
|
|
13384
|
-
transitionTimingFunction: "cubic-bezier(0.
|
|
13356
|
+
transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
13385
13357
|
}, children: jsxs("div", { style: {
|
|
13386
13358
|
position: "relative",
|
|
13387
13359
|
overflow: "hidden",
|
|
13388
|
-
borderRadius: "
|
|
13389
|
-
boxShadow: "0 25px
|
|
13360
|
+
borderRadius: "20px",
|
|
13361
|
+
boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08)",
|
|
13390
13362
|
background: `linear-gradient(165deg, ${themeConfig.primaryColor} 0%, ${themeConfig.primaryColor} 40%, ${themeConfig.secondaryColor} 100%)`,
|
|
13391
|
-
}, children: [themeConfig.
|
|
13392
|
-
Array.from({ length: 15 }).map((_, i) => (jsx("div", { style: {
|
|
13393
|
-
position: "absolute",
|
|
13394
|
-
pointerEvents: "none",
|
|
13395
|
-
zIndex: 1,
|
|
13396
|
-
color: "white",
|
|
13397
|
-
opacity: 0,
|
|
13398
|
-
left: `${5 + Math.random() * 90}%`,
|
|
13399
|
-
top: "-10px",
|
|
13400
|
-
fontSize: `${10 + Math.random() * 14}px`,
|
|
13401
|
-
animation: `promo-snow ${4 + Math.random() * 3}s linear infinite`,
|
|
13402
|
-
animationDelay: `${Math.random() * 4}s`,
|
|
13403
|
-
}, children: "\u2744" }, i))), jsxs("div", { style: {
|
|
13363
|
+
}, children: [themeConfig.backgroundImage && (jsxs("div", { style: {
|
|
13404
13364
|
position: "relative",
|
|
13405
|
-
|
|
13406
|
-
alignItems: "center",
|
|
13407
|
-
justifyContent: "center",
|
|
13365
|
+
height: "120px",
|
|
13408
13366
|
overflow: "hidden",
|
|
13409
|
-
|
|
13410
|
-
background: `linear-gradient(180deg, rgba(0,0,0,0) 0%, ${themeConfig.primaryColor}cc 100%)`,
|
|
13411
|
-
}, children: [themeConfig.backgroundImage && (jsx("img", { src: themeConfig.backgroundImage, alt: "Background", style: {
|
|
13367
|
+
}, children: [jsx("img", { src: themeConfig.backgroundImage, alt: "", style: {
|
|
13412
13368
|
position: "absolute",
|
|
13413
13369
|
inset: 0,
|
|
13414
13370
|
width: "100%",
|
|
13415
13371
|
height: "100%",
|
|
13416
13372
|
objectFit: "cover",
|
|
13417
|
-
opacity: 0.
|
|
13418
|
-
} })
|
|
13373
|
+
opacity: 0.5,
|
|
13374
|
+
} }), jsx("div", { style: {
|
|
13419
13375
|
position: "absolute",
|
|
13420
13376
|
inset: 0,
|
|
13421
|
-
background: `linear-gradient(180deg, ${themeConfig.primaryColor}
|
|
13422
|
-
} }), jsx("
|
|
13423
|
-
position: "relative",
|
|
13424
|
-
zIndex: 2,
|
|
13425
|
-
fontSize: "64px",
|
|
13426
|
-
filter: "drop-shadow(0 8px 16px rgba(0,0,0,0.4))",
|
|
13427
|
-
animation: `promo-float ${themeConfig.animation?.floatDuration || 3}s ease-in-out infinite`,
|
|
13428
|
-
}, children: themeConfig.icon }), themeConfig.decorations &&
|
|
13429
|
-
themeConfig.decorations.map((decoration, i) => (jsx("div", { style: {
|
|
13430
|
-
position: "absolute",
|
|
13431
|
-
top: i === 0 ? "16px" : "20px",
|
|
13432
|
-
left: i === 0 ? "20px" : "auto",
|
|
13433
|
-
right: i === 1 ? "20px" : "auto",
|
|
13434
|
-
fontSize: i === 0 ? "28px" : "24px",
|
|
13435
|
-
animation: themeConfig.animation?.sparkleEnabled
|
|
13436
|
-
? `promo-sparkle 2s ease-in-out infinite ${i * 0.5}s`
|
|
13437
|
-
: undefined,
|
|
13438
|
-
}, children: decoration }, i)))] }), jsx("button", { onClick: handleClose, style: {
|
|
13377
|
+
background: `linear-gradient(180deg, ${themeConfig.primaryColor}33 0%, ${themeConfig.primaryColor}ee 100%)`,
|
|
13378
|
+
} })] })), jsx("button", { onClick: handleClose, style: {
|
|
13439
13379
|
position: "absolute",
|
|
13440
|
-
top: "
|
|
13441
|
-
right: "
|
|
13380
|
+
top: "12px",
|
|
13381
|
+
right: "12px",
|
|
13442
13382
|
display: "flex",
|
|
13443
13383
|
alignItems: "center",
|
|
13444
13384
|
justifyContent: "center",
|
|
13445
13385
|
cursor: "pointer",
|
|
13446
13386
|
zIndex: 10,
|
|
13447
|
-
width: "
|
|
13448
|
-
height: "
|
|
13387
|
+
width: "32px",
|
|
13388
|
+
height: "32px",
|
|
13449
13389
|
borderRadius: "50%",
|
|
13450
13390
|
border: "none",
|
|
13451
|
-
backgroundColor: "rgba(0, 0, 0, 0.
|
|
13391
|
+
backgroundColor: "rgba(0, 0, 0, 0.25)",
|
|
13452
13392
|
backdropFilter: "blur(4px)",
|
|
13453
|
-
color: "
|
|
13454
|
-
fontSize: "
|
|
13393
|
+
color: "rgba(255,255,255,0.8)",
|
|
13394
|
+
fontSize: "18px",
|
|
13455
13395
|
lineHeight: 1,
|
|
13456
|
-
transition: "
|
|
13396
|
+
transition: "background-color 0.15s ease",
|
|
13457
13397
|
}, children: "\u00D7" }), jsxs("div", { style: {
|
|
13458
13398
|
position: "relative",
|
|
13459
13399
|
textAlign: "center",
|
|
13460
13400
|
zIndex: 2,
|
|
13461
|
-
padding: "
|
|
13401
|
+
padding: "20px 24px 24px",
|
|
13462
13402
|
}, children: [jsx("h2", { style: {
|
|
13463
|
-
fontWeight:
|
|
13464
|
-
fontSize: "
|
|
13403
|
+
fontWeight: 700,
|
|
13404
|
+
fontSize: "20px",
|
|
13465
13405
|
color: "white",
|
|
13466
|
-
|
|
13467
|
-
|
|
13468
|
-
filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.3))",
|
|
13406
|
+
letterSpacing: "-0.02em",
|
|
13407
|
+
lineHeight: 1.25,
|
|
13469
13408
|
margin: "0 0 6px 0",
|
|
13470
13409
|
}, children: config.title }), jsxs("p", { style: {
|
|
13471
|
-
fontSize: "
|
|
13472
|
-
color: "rgba(255, 255, 255, 0.
|
|
13473
|
-
marginBottom: "20px",
|
|
13410
|
+
fontSize: "14px",
|
|
13411
|
+
color: "rgba(255, 255, 255, 0.85)",
|
|
13474
13412
|
lineHeight: 1.5,
|
|
13475
|
-
margin: "0 0
|
|
13476
|
-
}, children: [config.subtitle, config.discountAmount && (jsxs(Fragment, { children: [
|
|
13477
|
-
marginBottom: "
|
|
13478
|
-
backgroundColor: "
|
|
13479
|
-
borderRadius: "
|
|
13480
|
-
padding: "
|
|
13481
|
-
|
|
13413
|
+
margin: "0 0 16px 0",
|
|
13414
|
+
}, children: [config.subtitle, config.discountAmount && (jsxs(Fragment, { children: [" — ", jsxs("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (jsxs("div", { style: {
|
|
13415
|
+
marginBottom: "16px",
|
|
13416
|
+
backgroundColor: "rgba(255,255,255,0.12)",
|
|
13417
|
+
borderRadius: "12px",
|
|
13418
|
+
padding: "12px 16px",
|
|
13419
|
+
border: "1px solid rgba(255,255,255,0.1)",
|
|
13482
13420
|
}, children: [jsx("p", { style: {
|
|
13483
13421
|
textTransform: "uppercase",
|
|
13484
|
-
fontWeight:
|
|
13485
|
-
fontSize: "
|
|
13422
|
+
fontWeight: 500,
|
|
13423
|
+
fontSize: "10px",
|
|
13486
13424
|
letterSpacing: "1.5px",
|
|
13487
|
-
color: "
|
|
13488
|
-
|
|
13489
|
-
margin: "0 0 10px 0",
|
|
13425
|
+
color: "rgba(255,255,255,0.6)",
|
|
13426
|
+
margin: "0 0 8px 0",
|
|
13490
13427
|
}, children: t("promo.giftCode") }), jsxs("div", { style: {
|
|
13491
13428
|
display: "flex",
|
|
13492
13429
|
alignItems: "center",
|
|
13493
13430
|
justifyContent: "center",
|
|
13494
|
-
gap: "
|
|
13495
|
-
}, children: [jsx("
|
|
13496
|
-
|
|
13497
|
-
|
|
13498
|
-
|
|
13499
|
-
|
|
13500
|
-
|
|
13501
|
-
|
|
13502
|
-
fontSize: "28px",
|
|
13503
|
-
color: "white",
|
|
13504
|
-
letterSpacing: "6px",
|
|
13505
|
-
filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.2))",
|
|
13506
|
-
}, children: discountCode }) }), jsx("button", { onClick: handleCopyCode, style: {
|
|
13431
|
+
gap: "10px",
|
|
13432
|
+
}, children: [jsx("span", { style: {
|
|
13433
|
+
fontWeight: 800,
|
|
13434
|
+
fontSize: "22px",
|
|
13435
|
+
color: "white",
|
|
13436
|
+
letterSpacing: "4px",
|
|
13437
|
+
fontFamily: "monospace, monospace",
|
|
13438
|
+
}, children: discountCode }), jsx("button", { onClick: handleCopyCode, style: {
|
|
13507
13439
|
display: "flex",
|
|
13508
13440
|
alignItems: "center",
|
|
13509
13441
|
cursor: "pointer",
|
|
13510
13442
|
whiteSpace: "nowrap",
|
|
13511
|
-
padding: "12px
|
|
13512
|
-
borderRadius: "
|
|
13513
|
-
border: "
|
|
13514
|
-
|
|
13515
|
-
|
|
13516
|
-
|
|
13517
|
-
|
|
13443
|
+
padding: "6px 12px",
|
|
13444
|
+
borderRadius: "8px",
|
|
13445
|
+
border: "1px solid rgba(255,255,255,0.2)",
|
|
13446
|
+
backgroundColor: copied
|
|
13447
|
+
? "rgba(34, 197, 94, 0.2)"
|
|
13448
|
+
: "rgba(255,255,255,0.1)",
|
|
13449
|
+
color: copied ? "#86efac" : "rgba(255,255,255,0.8)",
|
|
13450
|
+
fontSize: "12px",
|
|
13518
13451
|
fontWeight: 600,
|
|
13519
13452
|
transition: "all 0.15s ease",
|
|
13520
|
-
gap: "
|
|
13521
|
-
}, children: copied ? (jsxs(Fragment, { children: ["\u2713 ", t("promo.copied")] })) : (jsxs(Fragment, { children: [jsxs("svg", { width: "
|
|
13453
|
+
gap: "4px",
|
|
13454
|
+
}, children: copied ? (jsxs(Fragment, { children: ["\u2713 ", t("promo.copied")] })) : (jsxs(Fragment, { children: [jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), t("promo.copy")] })) })] })] })), config.activities && config.activities.length > 0 && (jsx("div", { style: {
|
|
13522
13455
|
display: "flex",
|
|
13523
13456
|
justifyContent: "center",
|
|
13524
|
-
gap: "
|
|
13525
|
-
marginBottom: "
|
|
13457
|
+
gap: "6px",
|
|
13458
|
+
marginBottom: "16px",
|
|
13526
13459
|
flexWrap: "wrap",
|
|
13527
13460
|
}, children: config.activities.map((activity) => (jsx("span", { style: {
|
|
13528
13461
|
fontWeight: 500,
|
|
13529
|
-
backgroundColor: "rgba(255, 255, 255, 0.
|
|
13530
|
-
|
|
13531
|
-
|
|
13532
|
-
|
|
13533
|
-
|
|
13534
|
-
|
|
13462
|
+
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
13463
|
+
padding: "4px 10px",
|
|
13464
|
+
borderRadius: "16px",
|
|
13465
|
+
fontSize: "12px",
|
|
13466
|
+
color: "rgba(255,255,255,0.85)",
|
|
13467
|
+
border: "1px solid rgba(255,255,255,0.08)",
|
|
13535
13468
|
}, children: activity }, activity))) })), jsxs("button", { onClick: handleCtaClick, style: {
|
|
13536
13469
|
width: "100%",
|
|
13537
13470
|
display: "flex",
|
|
13538
13471
|
alignItems: "center",
|
|
13539
13472
|
justifyContent: "center",
|
|
13540
13473
|
cursor: "pointer",
|
|
13541
|
-
fontWeight:
|
|
13542
|
-
padding: "
|
|
13543
|
-
borderRadius: "
|
|
13474
|
+
fontWeight: 600,
|
|
13475
|
+
padding: "14px 20px",
|
|
13476
|
+
borderRadius: "12px",
|
|
13544
13477
|
border: "none",
|
|
13545
|
-
color:
|
|
13546
|
-
fontSize: "
|
|
13478
|
+
color: themeConfig.primaryColor,
|
|
13479
|
+
fontSize: "15px",
|
|
13547
13480
|
transition: "all 0.15s ease",
|
|
13548
|
-
gap: "
|
|
13549
|
-
background:
|
|
13550
|
-
boxShadow:
|
|
13551
|
-
}, children: [config.ctaText, jsx("span", { children: "\u2192" })] }), config.validityText && (jsx("p", { style: {
|
|
13552
|
-
|
|
13553
|
-
|
|
13554
|
-
|
|
13555
|
-
margin: "16px 0 0 0",
|
|
13481
|
+
gap: "8px",
|
|
13482
|
+
background: "white",
|
|
13483
|
+
boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
|
|
13484
|
+
}, children: [config.ctaText, jsx("span", { style: { fontSize: "14px" }, children: "\u2192" })] }), config.validityText && (jsx("p", { style: {
|
|
13485
|
+
fontSize: "11px",
|
|
13486
|
+
color: "rgba(255, 255, 255, 0.5)",
|
|
13487
|
+
margin: "12px 0 0 0",
|
|
13556
13488
|
}, children: config.validityText }))] })] }) })] }));
|
|
13557
13489
|
return createPortal(dialogContent, portalContainer);
|
|
13558
13490
|
}
|
|
@@ -14593,7 +14525,7 @@ function styleInject(css, ref) {
|
|
|
14593
14525
|
}
|
|
14594
14526
|
}
|
|
14595
14527
|
|
|
14596
|
-
var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes
|
|
14528
|
+
var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
|
|
14597
14529
|
styleInject(css_248z);
|
|
14598
14530
|
|
|
14599
14531
|
// Export init function for vanilla JS usage
|