event-services
Version:
Collection of hooks, components, generics (buttons, containers, styles, tools) for creating web applications for guest management for any type of events: weddings, parties, graduations that require guest confirmation and display useful information to gues
752 lines (751 loc) • 25.4 kB
JavaScript
var I = Object.defineProperty;
var M = (r, t, e) => t in r ? I(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
var s = (r, t, e) => (M(r, typeof t != "symbol" ? t + "" : t, e), e);
import "./styles.css";
import { j as i, T as y, B as O, F as _ } from "./index-0a344d2e.js";
import N, { useEffect as g, useRef as w, useImperativeHandle as T, useState as C } from "react";
import { useWindowSize as D, useCountDown as R } from "./hooksEntry.js";
const ot = ({
photos: r,
title: t
}) => {
const e = D();
return g(() => {
document.querySelectorAll(".mouse-wrapper")[0].addEventListener("click", (o) => {
var a;
o.preventDefault();
const c = document.querySelectorAll("section");
(a = document.getElementById(c[0].children[0].id)) == null || a.scrollIntoView({
behavior: "smooth"
});
});
}, []), /* @__PURE__ */ i.jsx("header", { style: {
backgroundImage: `url(${e.width >= 768 ? r[1] : r[0]})`
}, children: /* @__PURE__ */ i.jsxs("div", { className: "copy", children: [
/* @__PURE__ */ i.jsx("h5", { children: t }),
/* @__PURE__ */ i.jsx("div", { className: "scroll-down", children: /* @__PURE__ */ i.jsxs("span", { className: "mouse-wrapper", children: [
/* @__PURE__ */ i.jsx("span", { children: "Deslizar" }),
/* @__PURE__ */ i.jsx("span", { className: "mouse", children: /* @__PURE__ */ i.jsx("span", { className: "wheel" }) })
] }) })
] }) });
};
const ht = ({
photo: r,
label: t
}) => /* @__PURE__ */ i.jsxs("div", { className: "logo", children: [
/* @__PURE__ */ i.jsx("img", { src: r }),
/* @__PURE__ */ i.jsx("p", { children: t })
] });
const f = [
"https://static.wixstatic.com/media/f31768_1f333e03f2d241e59c9f13a330e7106f~mv2.jpg/v1/fit/w_830,h_622,q_90/f31768_1f333e03f2d241e59c9f13a330e7106f~mv2.jpg",
"https://static.wixstatic.com/media/f31768_09c61267d78e41c292f5a3186285e384~mv2.jpg/v1/fit/w_830,h_622,q_90/f31768_09c61267d78e41c292f5a3186285e384~mv2.jpg",
"https://static.wixstatic.com/media/f31768_b54bdeb78f284f08a94a109ea2ee97a7~mv2.jpg/v1/fit/w_830,h_622,q_90/f31768_b54bdeb78f284f08a94a109ea2ee97a7~mv2.jpg",
"https://static.wixstatic.com/media/f31768_dc54fef1ac9a4a408ffbb6723f1a3dba~mv2.jpg/v1/fit/w_830,h_622,q_90/f31768_dc54fef1ac9a4a408ffbb6723f1a3dba~mv2.jpg",
"https://static.wixstatic.com/media/f31768_b3b13740cf29490b92a29512dc2bf9a0~mv2.jpg/v1/fit/w_830,h_622,q_90/f31768_b3b13740cf29490b92a29512dc2bf9a0~mv2.jpg"
];
function v(r) {
return Math.abs(Math.floor(r));
}
function x(r, t) {
return Math.random() * (t - r) + r;
}
function u(r, t) {
return Math.floor(x(r, t + 1));
}
function k(r, t, e, n) {
const o = Math.pow;
return Math.sqrt(o(r - e, 2) + o(t - n, 2));
}
function b(r, t, e = 1) {
if (r > 360 || r < 0)
throw new Error(`Expected hue 0-360 range, got \`${r}\``);
if (t > 100 || t < 0)
throw new Error(`Expected lightness 0-100 range, got \`${t}\``);
if (e > 1 || e < 0)
throw new Error(`Expected alpha 0-1 range, got \`${e}\``);
return `hsla(${r}, 100%, ${t}%, ${e})`;
}
const E = (r) => {
if (typeof r == "object" && r !== null) {
if (typeof Object.getPrototypeOf == "function") {
const t = Object.getPrototypeOf(r);
return t === Object.prototype || t === null;
}
return Object.prototype.toString.call(r) === "[object Object]";
}
return !1;
}, $ = [
"__proto__",
"constructor",
"prototype"
], z = (...r) => r.reduce((t, e) => (Object.keys(e).forEach((n) => {
$.includes(n) || (Array.isArray(t[n]) && Array.isArray(e[n]) ? t[n] = e[n] : E(t[n]) && E(e[n]) ? t[n] = z(t[n], e[n]) : t[n] = e[n]);
}), t), {});
function W(r, t) {
let e;
return (...n) => {
e && clearTimeout(e), e = setTimeout(() => r(...n), t);
};
}
class P {
constructor({
x: t,
y: e,
ctx: n,
hue: o,
decay: c,
gravity: a,
friction: h,
brightness: l,
flickering: d,
lineWidth: p,
explosionLength: m
}) {
s(this, "x");
s(this, "y");
s(this, "ctx");
s(this, "hue");
s(this, "friction");
s(this, "gravity");
s(this, "flickering");
s(this, "lineWidth");
s(this, "explosionLength");
s(this, "angle");
s(this, "speed");
s(this, "brightness");
s(this, "coordinates", []);
s(this, "decay");
s(this, "alpha", 1);
for (this.x = t, this.y = e, this.ctx = n, this.hue = o, this.gravity = a, this.friction = h, this.flickering = d, this.lineWidth = p, this.explosionLength = m, this.angle = x(0, Math.PI * 2), this.speed = u(1, 10), this.brightness = u(l.min, l.max), this.decay = x(c.min, c.max); this.explosionLength--; )
this.coordinates.push([t, e]);
}
update(t) {
this.coordinates.pop(), this.coordinates.unshift([this.x, this.y]), this.speed *= this.friction, this.x += Math.cos(this.angle) * this.speed, this.y += Math.sin(this.angle) * this.speed + this.gravity, this.alpha -= this.decay, this.alpha <= this.decay && t();
}
draw() {
const t = this.coordinates.length - 1;
this.ctx.beginPath(), this.ctx.lineWidth = this.lineWidth, this.ctx.fillStyle = b(this.hue, this.brightness, this.alpha), this.ctx.moveTo(
this.coordinates[t][0],
this.coordinates[t][1]
), this.ctx.lineTo(this.x, this.y), this.ctx.strokeStyle = b(
this.hue,
this.flickering ? x(0, this.brightness) : this.brightness,
this.alpha
), this.ctx.stroke();
}
}
class A {
constructor(t, e) {
s(this, "active", !1);
s(this, "x");
s(this, "y");
this.options = t, this.canvas = e, this.pointerDown = this.pointerDown.bind(this), this.pointerUp = this.pointerUp.bind(this), this.pointerMove = this.pointerMove.bind(this);
}
get mouseOptions() {
return this.options.mouse;
}
mount() {
this.canvas.addEventListener("pointerdown", this.pointerDown), this.canvas.addEventListener("pointerup", this.pointerUp), this.canvas.addEventListener("pointermove", this.pointerMove);
}
unmount() {
this.canvas.removeEventListener("pointerdown", this.pointerDown), this.canvas.removeEventListener("pointerup", this.pointerUp), this.canvas.removeEventListener("pointermove", this.pointerMove);
}
usePointer(t, e) {
const { click: n, move: o } = this.mouseOptions;
(n || o) && (this.x = t.pageX - this.canvas.offsetLeft, this.y = t.pageY - this.canvas.offsetTop, this.active = e);
}
pointerDown(t) {
this.usePointer(t, this.mouseOptions.click);
}
pointerUp(t) {
this.usePointer(t, !1);
}
pointerMove(t) {
this.usePointer(t, this.active);
}
}
class q {
constructor() {
s(this, "hue");
s(this, "rocketsPoint");
s(this, "opacity");
s(this, "acceleration");
s(this, "friction");
s(this, "gravity");
s(this, "particles");
s(this, "explosion");
s(this, "mouse");
s(this, "boundaries");
s(this, "sound");
s(this, "delay");
s(this, "brightness");
s(this, "decay");
s(this, "flickering");
s(this, "intensity");
s(this, "traceLength");
s(this, "traceSpeed");
s(this, "lineWidth");
s(this, "lineStyle");
s(this, "autoresize");
this.autoresize = !0, this.lineStyle = "round", this.flickering = 50, this.traceLength = 3, this.traceSpeed = 10, this.intensity = 30, this.explosion = 5, this.gravity = 1.5, this.opacity = 0.5, this.particles = 50, this.friction = 0.95, this.acceleration = 1.05, this.hue = {
min: 0,
max: 360
}, this.rocketsPoint = {
min: 50,
max: 50
}, this.lineWidth = {
explosion: {
min: 1,
max: 3
},
trace: {
min: 1,
max: 2
}
}, this.mouse = {
click: !1,
move: !1,
max: 1
}, this.delay = {
min: 30,
max: 60
}, this.brightness = {
min: 50,
max: 80
}, this.decay = {
min: 0.015,
max: 0.03
}, this.sound = {
enabled: !1,
files: [
"explosion0.mp3",
"explosion1.mp3",
"explosion2.mp3"
],
volume: {
min: 4,
max: 8
}
}, this.boundaries = {
debug: !1,
height: 0,
width: 0,
x: 50,
y: 50
};
}
update(t) {
Object.assign(this, z(this, t));
}
}
class B {
constructor(t, e) {
s(this, "tick", 0);
s(this, "rafId", 0);
s(this, "fps", 60);
s(this, "tolerance", 0.1);
s(this, "now");
this.options = t, this.render = e;
}
mount() {
this.now = performance.now();
const t = 1e3 / this.fps, e = (n) => {
this.rafId = requestAnimationFrame(e);
const o = n - this.now;
o >= t - this.tolerance && (this.render(), this.now = n - o % t, this.tick += o * (this.options.intensity * Math.PI) / 1e3);
};
this.rafId = requestAnimationFrame(e);
}
unmount() {
cancelAnimationFrame(this.rafId);
}
}
class F {
constructor(t, e, n) {
s(this, "resizer");
this.options = t, this.updateSize = e, this.container = n;
}
mount() {
if (!this.resizer) {
const t = W(() => this.updateSize(), 100);
this.resizer = new ResizeObserver(t);
}
this.options.autoresize && this.resizer.observe(this.container);
}
unmount() {
this.resizer && this.resizer.unobserve(this.container);
}
}
class H {
constructor(t) {
s(this, "buffers", []);
s(this, "audioContext");
s(this, "onInit", !1);
this.options = t, this.init();
}
get isEnabled() {
return this.options.sound.enabled;
}
get soundOptions() {
return this.options.sound;
}
init() {
!this.onInit && this.isEnabled && (this.onInit = !0, this.audioContext = new (window.AudioContext || window.webkitAudioContext)(), this.loadSounds());
}
async loadSounds() {
for (const t of this.soundOptions.files) {
const e = await (await fetch(t)).arrayBuffer();
this.audioContext.decodeAudioData(e).then((n) => {
this.buffers.push(n);
}).catch((n) => {
throw n;
});
}
}
play() {
if (this.isEnabled && this.buffers.length) {
const t = this.audioContext.createBufferSource(), e = this.buffers[u(0, this.buffers.length - 1)], n = this.audioContext.createGain();
t.buffer = e, n.gain.value = x(
this.soundOptions.volume.min / 100,
this.soundOptions.volume.max / 100
), n.connect(this.audioContext.destination), t.connect(n), t.start(0);
} else
this.init();
}
}
class X {
constructor({
x: t,
y: e,
dx: n,
dy: o,
ctx: c,
hue: a,
speed: h,
traceLength: l,
acceleration: d
}) {
s(this, "x");
s(this, "y");
s(this, "sx");
s(this, "sy");
s(this, "dx");
s(this, "dy");
s(this, "ctx");
s(this, "hue");
s(this, "speed");
s(this, "acceleration");
s(this, "traceLength");
s(this, "totalDistance");
s(this, "angle");
s(this, "brightness");
s(this, "coordinates", []);
s(this, "currentDistance", 0);
for (this.x = t, this.y = e, this.sx = t, this.sy = e, this.dx = n, this.dy = o, this.ctx = c, this.hue = a, this.speed = h, this.traceLength = l, this.acceleration = d, this.totalDistance = k(t, e, n, o), this.angle = Math.atan2(o - e, n - t), this.brightness = u(50, 70); this.traceLength--; )
this.coordinates.push([t, e]);
}
update(t) {
this.coordinates.pop(), this.coordinates.unshift([this.x, this.y]), this.speed *= this.acceleration;
const e = Math.cos(this.angle) * this.speed, n = Math.sin(this.angle) * this.speed;
this.currentDistance = k(
this.sx,
this.sy,
this.x + e,
this.y + n
), this.currentDistance >= this.totalDistance ? t(this.dx, this.dy, this.hue) : (this.x += e, this.y += n);
}
draw() {
const t = this.coordinates.length - 1;
this.ctx.beginPath(), this.ctx.moveTo(
this.coordinates[t][0],
this.coordinates[t][1]
), this.ctx.lineTo(this.x, this.y), this.ctx.strokeStyle = b(this.hue, this.brightness), this.ctx.stroke();
}
}
class U {
constructor(t, e = {}) {
s(this, "target");
s(this, "container");
s(this, "canvas");
s(this, "ctx");
s(this, "width");
s(this, "height");
s(this, "traces", []);
s(this, "explosions", []);
s(this, "waitStopRaf");
s(this, "running", !1);
s(this, "opts");
s(this, "sound");
s(this, "resize");
s(this, "mouse");
s(this, "raf");
this.target = t, this.container = t, this.opts = new q(), this.createCanvas(this.target), this.updateOptions(e), this.sound = new H(this.opts), this.resize = new F(
this.opts,
this.updateSize.bind(this),
this.container
), this.mouse = new A(this.opts, this.canvas), this.raf = new B(this.opts, this.render.bind(this));
}
get isRunning() {
return this.running;
}
get version() {
return "2.10.7";
}
get currentOptions() {
return this.opts;
}
start() {
this.running || (this.canvas.isConnected || this.createCanvas(this.target), this.running = !0, this.resize.mount(), this.mouse.mount(), this.raf.mount());
}
stop(t = !1) {
!this.running || (this.running = !1, this.resize.unmount(), this.mouse.unmount(), this.raf.unmount(), this.clear(), t && this.canvas.remove());
}
async waitStop(t) {
if (this.running)
return new Promise((e) => {
this.waitStopRaf = () => {
!this.waitStopRaf || (requestAnimationFrame(this.waitStopRaf), !this.traces.length && !this.explosions.length && (this.waitStopRaf = null, this.stop(t), e()));
}, this.waitStopRaf();
});
}
pause() {
this.running = !this.running, this.running ? this.raf.mount() : this.raf.unmount();
}
clear() {
!this.ctx || (this.traces = [], this.explosions = [], this.ctx.clearRect(0, 0, this.width, this.height));
}
launch(t = 1) {
for (let e = 0; e < t; e++)
this.createTrace();
this.waitStopRaf || (this.start(), this.waitStop());
}
updateOptions(t) {
this.opts.update(t);
}
updateSize({
width: t = this.container.clientWidth,
height: e = this.container.clientHeight
} = {}) {
this.width = t, this.height = e, this.canvas.width = t, this.canvas.height = e, this.updateBoundaries({
...this.opts.boundaries,
width: t,
height: e
});
}
updateBoundaries(t) {
this.updateOptions({ boundaries: t });
}
createCanvas(t) {
t instanceof HTMLCanvasElement ? (t.isConnected || document.body.append(t), this.canvas = t) : (this.canvas = document.createElement("canvas"), this.container.append(this.canvas)), this.ctx = this.canvas.getContext("2d"), this.updateSize();
}
render() {
if (!this.ctx || !this.running)
return;
const { opacity: t, lineStyle: e, lineWidth: n } = this.opts;
this.ctx.globalCompositeOperation = "destination-out", this.ctx.fillStyle = `rgba(0, 0, 0, ${t})`, this.ctx.fillRect(0, 0, this.width, this.height), this.ctx.globalCompositeOperation = "lighter", this.ctx.lineCap = e, this.ctx.lineJoin = "round", this.ctx.lineWidth = x(n.trace.min, n.trace.max), this.initTrace(), this.drawTrace(), this.drawExplosion();
}
createTrace() {
const {
hue: t,
rocketsPoint: e,
boundaries: n,
traceLength: o,
traceSpeed: c,
acceleration: a,
mouse: h
} = this.opts;
this.traces.push(
new X({
x: this.width * u(e.min, e.max) / 100,
y: this.height,
dx: this.mouse.x && h.move || this.mouse.active ? this.mouse.x : u(n.x, n.width - n.x * 2),
dy: this.mouse.y && h.move || this.mouse.active ? this.mouse.y : u(n.y, n.height * 0.5),
ctx: this.ctx,
hue: u(t.min, t.max),
speed: c,
acceleration: a,
traceLength: v(o)
})
);
}
initTrace() {
if (this.waitStopRaf)
return;
const { delay: t, mouse: e } = this.opts;
(this.raf.tick > u(t.min, t.max) || this.mouse.active && e.max > this.traces.length) && (this.createTrace(), this.raf.tick = 0);
}
drawTrace() {
let t = this.traces.length;
for (; t--; )
this.traces[t].draw(), this.traces[t].update((e, n, o) => {
this.initExplosion(e, n, o), this.sound.play(), this.traces.splice(t, 1);
});
}
initExplosion(t, e, n) {
const {
particles: o,
flickering: c,
lineWidth: a,
explosion: h,
brightness: l,
friction: d,
gravity: p,
decay: m
} = this.opts;
let j = v(o);
for (; j--; )
this.explosions.push(
new P({
x: t,
y: e,
ctx: this.ctx,
hue: n,
friction: d,
gravity: p,
flickering: u(0, 100) <= c,
lineWidth: x(
a.explosion.min,
a.explosion.max
),
explosionLength: v(h),
brightness: l,
decay: m
})
);
}
drawExplosion() {
let t = this.explosions.length;
for (; t--; )
this.explosions[t].draw(), this.explosions[t].update(() => {
this.explosions.splice(t, 1);
});
}
}
const V = N.forwardRef(
({ children: r, options: t, autostart: e = !0, ...n }, o) => {
const c = w(null), a = w(null);
return T(o, () => ({
get isRunning() {
return a.current.isRunning;
},
get currentOptions() {
return a.current.currentOptions;
},
start() {
a.current.start();
},
launch(h) {
a.current.launch(h);
},
stop() {
a.current.stop();
},
async waitStop() {
await a.current.waitStop();
},
pause() {
a.current.pause();
},
clear() {
a.current.clear();
},
updateOptions(h) {
a.current.updateOptions(h);
},
updateSize(h) {
a.current.updateSize(h);
},
updateBoundaries(h) {
a.current.updateBoundaries(h);
}
})), g(() => (a.current || (a.current = new U(c.current, t)), e && a.current.start(), () => {
a.current.stop();
}), []), /* @__PURE__ */ N.createElement(
"div",
{
ref: c,
...n
},
r
);
}
), G = ({ date: r }) => {
const { days: t, hours: e, minutes: n, seconds: o, timeOver: c } = R(r);
return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
/* @__PURE__ */ i.jsxs("ul", { className: "CountDown", children: [
/* @__PURE__ */ i.jsxs("li", { children: [
/* @__PURE__ */ i.jsx("span", { children: t }),
/* @__PURE__ */ i.jsx("span", { children: "días" })
] }),
/* @__PURE__ */ i.jsxs("li", { children: [
/* @__PURE__ */ i.jsx("span", { children: e }),
/* @__PURE__ */ i.jsx("span", { children: "hrs." })
] }),
/* @__PURE__ */ i.jsxs("li", { children: [
/* @__PURE__ */ i.jsx("span", { children: n }),
/* @__PURE__ */ i.jsx("span", { children: "min." })
] }),
/* @__PURE__ */ i.jsxs("li", { children: [
/* @__PURE__ */ i.jsx("span", { children: o }),
/* @__PURE__ */ i.jsx("span", { children: "seg." })
] })
] }),
c && /* @__PURE__ */ i.jsx("div", { className: "party", children: /* @__PURE__ */ i.jsx(
V,
{
options: {
opacity: 1,
particles: 100,
autoresize: !0,
traceSpeed: 1,
rocketsPoint: {
min: 50,
max: 50
}
},
style: {
top: 0,
left: 0,
width: "100%",
height: "100%",
position: "absolute",
background: "transparent"
}
}
) })
] });
}, ct = ({
title: r = "Save the date",
subtitle: t,
date: e,
photo: n
}) => /* @__PURE__ */ i.jsxs("div", { id: "SaveTheDate", className: "SaveTheDate", children: [
/* @__PURE__ */ i.jsxs("div", { className: "copy", children: [
/* @__PURE__ */ i.jsx(y.Title, { text: r, className: "text-center" }),
/* @__PURE__ */ i.jsx(y.Subtitle, { text: t, className: "text-center" }),
/* @__PURE__ */ i.jsx(G, { date: e }),
/* @__PURE__ */ i.jsx(O, { text: "Confirmar asistencia", round: !0 })
] }),
/* @__PURE__ */ i.jsx("div", { className: "img-container", children: /* @__PURE__ */ i.jsx(_, { source: n, footerText: "Cupidatat exercitation aute velit", borderRadius: !0 }) })
] });
const J = () => /* @__PURE__ */ i.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ i.jsx("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z", fill: "currentColor" }) }), Y = () => /* @__PURE__ */ i.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ i.jsx("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z", fill: "currentColor" }) }), lt = ({
images: r
}) => {
let t = w(0);
const [e, n] = C(0), [o, c] = C(!1);
g(() => {
let l;
return o || (l = setInterval(() => {
t.current = (t.current + 1) % r.length, n(t.current);
}, 3500)), () => {
clearInterval(l);
};
}, [e, o, r.length]);
const a = () => {
t.current = (t.current + 1) % r.length, n(t.current);
}, h = () => {
t.current = (t.current - 1 + r.length) % r.length, n(t.current);
};
return g(() => {
const l = document.getElementById("slider-container");
let d, p = !1;
l.addEventListener("touchstart", function(m) {
d = m.touches[0].clientX, p = !0;
}), l.addEventListener("touchmove", function(m) {
const S = m.touches[0].clientX - d;
S > 0 && p ? (h(), p = !1) : S < 0 && p && (a(), p = !1);
});
}, []), /* @__PURE__ */ i.jsxs("div", { className: "Carousel", children: [
/* @__PURE__ */ i.jsx("button", { className: "prev", onClick: h, children: /* @__PURE__ */ i.jsx(J, {}) }),
/* @__PURE__ */ i.jsx("div", { id: "slider-container", className: "slider-container", onMouseOver: () => c(!0), onMouseLeave: () => c(!1), children: r.map((l, d) => /* @__PURE__ */ i.jsx("div", { className: `slide ${d === e ? "active" : ""}`, children: /* @__PURE__ */ i.jsx("img", { src: l, alt: `slide ${d}` }) }, d)) }),
/* @__PURE__ */ i.jsx("button", { className: "next", onClick: a, children: /* @__PURE__ */ i.jsx(Y, {}) })
] });
};
const K = ({
timeline: r
}) => /* @__PURE__ */ i.jsx("div", { className: "story-time-line", children: r && r.map((t, e) => /* @__PURE__ */ i.jsxs("div", { className: "content", children: [
/* @__PURE__ */ i.jsx("h5", { className: "text-uppercase", children: t.title }),
/* @__PURE__ */ i.jsx("p", { className: "text-uppercase", children: t.time }),
/* @__PURE__ */ i.jsx("small", { className: "text-italic", children: t.small }),
/* @__PURE__ */ i.jsx("img", { src: t.img })
] }, e)) });
const Q = ({
timeline: r,
address: t
}) => /* @__PURE__ */ i.jsxs("div", { className: "story-time-line-simple", children: [
r && r.map((e, n) => /* @__PURE__ */ i.jsxs("div", { className: "content", children: [
/* @__PURE__ */ i.jsx("img", { src: e.img }),
/* @__PURE__ */ i.jsx("h5", { className: "text-uppercase", children: e.title }),
/* @__PURE__ */ i.jsx("p", { className: "text-uppercase", children: e.time }),
/* @__PURE__ */ i.jsx("small", { className: "text-italic", children: e.small })
] }, n)),
/* @__PURE__ */ i.jsxs("div", { className: "content", children: [
/* @__PURE__ */ i.jsx("h5", { className: "text-uppercase", children: "dirección" }),
/* @__PURE__ */ i.jsx("p", { className: "text-uppercase", children: t.address }),
/* @__PURE__ */ i.jsx(O, { text: "Ver Mapa", href: t.link, round: !0, clasName: "mt-2" })
] })
] }), L = {
Detailed: K,
Simple: Q
}, Z = [
{
title: "misa",
time: "05:30 p.m. - 06:30 p.m.",
small: "boda religiosa",
img: f[0]
},
{
title: "recepción",
time: "08:00 p.m. - 09:00 p.m.",
small: "bebidas de bienvenida",
img: f[1]
},
{
title: "cena",
time: "09:00 p.m. - 10:00 p.m.",
small: "a disfrutar los platillos",
img: f[2]
},
{
title: "fiesta",
time: "10:00 p.m. - adelante",
small: "a bailar y a divertirse",
img: f[3]
}
], tt = [
{
title: "misa",
time: "05:30 p.m. - 06:30 p.m.",
small: "boda religiosa",
img: f[0]
},
{
title: "recepción",
time: "08:00 p.m. - 09:00 p.m.",
small: "bebidas de bienvenida",
img: f[1]
}
], et = {
address: "Duis deserunt reprehenderit dolore do deserunt deserunt mollit irure dolor ad anim incididunt.",
link: "#"
}, dt = ({
title: r = "Itinerario",
img: t
}) => /* @__PURE__ */ i.jsxs("div", { id: "Itinerary", className: "Itinerary", children: [
/* @__PURE__ */ i.jsx(y.Title, { text: r, className: "text-center" }),
/* @__PURE__ */ i.jsxs("div", { className: "container-detailed", children: [
/* @__PURE__ */ i.jsx(L.Detailed, { timeline: Z }),
/* @__PURE__ */ i.jsx(_, { source: t, borderRadius: !0, className: "mt-2" })
] }),
/* @__PURE__ */ i.jsx("div", { className: "container-simple", children: /* @__PURE__ */ i.jsx(L.Simple, { timeline: tt, address: et }) })
] });
export {
lt as C,
ot as H,
dt as I,
ht as L,
ct as S,
G as a,
L as b,
f as p
};