(function(window) { function getExternaLib(name) { if(name.includes('/@')) { return null } for (let key in EXTERNALS) { if (key === name || name.endsWith(`/${key}.js`) || name.endsWith(`/${key}.mjs`) || name.endsWith(`/${key}.bundle.mjs`)) { return EXTERNALS[key] } } return null } const modules = {}; const moduleRunTimeCache = new Map(); function commonRequire(name) { const res = getExternaLib(name); if (res) return res; if (moduleRunTimeCache.has(name)) { return moduleRunTimeCache.get(name).exports; } const module = { exports: {} }; moduleRunTimeCache.set(name, module); if(typeof modules[name] === 'function') { modules[name](module, module.exports, commonRequire); } else { throw new Error(`parse module ${name} failed`) } return module.exports; } // Module modules["react/jsx-runtime"] = (module, exports, require) => { /* esm.sh - react@18.3.1/jsx-runtime */ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _jsxruntime.default; } }); require("https://esm.sh/react@18.3.1/es2022/react.mjs"); var _jsxruntime = /*#__PURE__*/ _interop_require_default(_export_star(require("https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"), exports)); function _export_star(from, to) { Object.keys(from).forEach(function(k) { if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) { Object.defineProperty(to, k, { enumerable: true, get: function() { return from[k]; } }); } }); return from; } function _interop_require_default(obj) { return obj && obj.__esModule ? obj : { default: obj }; } return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/react.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1 */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Children: function() { return le; }, Component: function() { return ae; }, Fragment: function() { return pe; }, Profiler: function() { return ye; }, PureComponent: function() { return de; }, StrictMode: function() { return _e; }, Suspense: function() { return me; }, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: function() { return he; }, act: function() { return ve; }, cloneElement: function() { return Se; }, createContext: function() { return Ee; }, createElement: function() { return Re; }, createFactory: function() { return Ce; }, createRef: function() { return ke; }, default: function() { return We; }, forwardRef: function() { return we; }, isValidElement: function() { return be; }, lazy: function() { return $e; }, memo: function() { return je; }, startTransition: function() { return xe; }, unstable_act: function() { return Oe; }, useCallback: function() { return Ie; }, useContext: function() { return ge; }, useDebugValue: function() { return Pe; }, useDeferredValue: function() { return Te; }, useEffect: function() { return De; }, useId: function() { return Ve; }, useImperativeHandle: function() { return Le; }, useInsertionEffect: function() { return Ne; }, useLayoutEffect: function() { return Fe; }, useMemo: function() { return Ue; }, useReducer: function() { return qe; }, useRef: function() { return Ae; }, useState: function() { return Me; }, useSyncExternalStore: function() { return ze; }, useTransition: function() { return Be; }, version: function() { return He; } }); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var U = Object.create; var k = Object.defineProperty; var q = Object.getOwnPropertyDescriptor; var A = Object.getOwnPropertyNames; var M = Object.getPrototypeOf, z = Object.prototype.hasOwnProperty; var w = function(e, t) { return function() { return t || e((t = { exports: {} }).exports, t), t.exports; }; }; var B = function(e, t, n, u) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (t && (typeof t === "undefined" ? "undefined" : _type_of(t)) == "object" || typeof t == "function") try { var _loop = function() { var o = _step.value; !z.call(e, o) && o !== n && k(e, o, { get: function() { return t[o]; }, enumerable: !(u = q(t, o)) || u.enumerable }); }; for(var _iterator = A(t)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return e; }; var H = function(e, t, n) { return n = e != null ? U(M(e)) : {}, B(t || !e || !e.__esModule ? k(n, "default", { value: e, enumerable: !0 }) : n, e); }; var L = w(function(r) { "use strict"; var re = function re(e) { return e === null || (typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" ? null : (e = b && e[b] || e["@@iterator"], typeof e == "function" ? e : null); }; var p = function p(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var g = function g() {}; var S = function S(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var D = function D(e, t, n) { var u, o = {}, s = null, f = null; if (t != null) for(u in t.ref !== void 0 && (f = t.ref), t.key !== void 0 && (s = "" + t.key), t)P.call(t, u) && !T.hasOwnProperty(u) && (o[u] = t[u]); var i = arguments.length - 2; if (i === 1) o.children = n; else if (1 < i) { for(var c = Array(i), a = 0; a < i; a++)c[a] = arguments[a + 2]; o.children = c; } if (e && e.defaultProps) for(u in i = e.defaultProps, i)o[u] === void 0 && (o[u] = i[u]); return { $$typeof: y, type: e, key: s, ref: f, props: o, _owner: R.current }; }; var ne = function ne(e, t) { return { $$typeof: y, type: e.type, key: t, ref: e.ref, props: e.props, _owner: e._owner }; }; var C = function C(e) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.$$typeof === y; }; var oe = function oe(e) { var t = { "=": "=0", ":": "=2" }; return "$" + e.replace(/[=:]/g, function(n) { return t[n]; }); }; var v = function v(e, t) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.key != null ? oe("" + e.key) : t.toString(36); }; var d = function d(e, t, n) { if (e == null) return e; var u = [], o = 0; return _(e, u, "", "", function(s) { return t.call(n, s, o++); }), u; }; var ue = function ue(e) { if (e._status === -1) { var t = e._result; t = t(), t.then(function(n) { (e._status === 0 || e._status === -1) && (e._status = 1, e._result = n); }, function(n) { (e._status === 0 || e._status === -1) && (e._status = 2, e._result = n); }), e._status === -1 && (e._status = 0, e._result = t); } if (e._status === 1) return e._result.default; throw e._result; }; var V = function V() { throw Error("act(...) is not supported in production builds of React."); }; var y = Symbol.for("react.element"), W = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), K = Symbol.for("react.provider"), Q = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), ee = Symbol.for("react.memo"), te = Symbol.for("react.lazy"), b = Symbol.iterator; var x = { isMounted: function isMounted() { return !1; }, enqueueForceUpdate: function enqueueForceUpdate() {}, enqueueReplaceState: function enqueueReplaceState() {}, enqueueSetState: function enqueueSetState() {} }, O = Object.assign, I = {}; p.prototype.isReactComponent = {}; p.prototype.setState = function(e, t) { if ((typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" && typeof e != "function" && e != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."); this.updater.enqueueSetState(this, e, t, "setState"); }; p.prototype.forceUpdate = function(e) { this.updater.enqueueForceUpdate(this, e, "forceUpdate"); }; g.prototype = p.prototype; var E = S.prototype = new g; E.constructor = S; O(E, p.prototype); E.isPureReactComponent = !0; var $ = Array.isArray, P = Object.prototype.hasOwnProperty, R = { current: null }, T = { key: !0, ref: !0, __self: !0, __source: !0 }; var j = /\/+/g; function _(e, t, n, u, o) { var s = typeof e === "undefined" ? "undefined" : _type_of(e); (s === "undefined" || s === "boolean") && (e = null); var f = !1; if (e === null) f = !0; else switch(s){ case "string": case "number": f = !0; break; case "object": switch(e.$$typeof){ case y: case W: f = !0; } } if (f) return f = e, o = o(f), e = u === "" ? "." + v(f, 0) : u, $(o) ? (n = "", e != null && (n = e.replace(j, "$&/") + "/"), _(o, t, n, "", function(a) { return a; })) : o != null && (C(o) && (o = ne(o, n + (!o.key || f && f.key === o.key ? "" : ("" + o.key).replace(j, "$&/") + "/") + e)), t.push(o)), 1; if (f = 0, u = u === "" ? "." : u + ":", $(e)) for(var i = 0; i < e.length; i++){ s = e[i]; var c = u + v(s, i); f += _(s, t, n, c, o); } else if (c = re(e), typeof c == "function") for(e = c.call(e), i = 0; !(s = e.next()).done;)s = s.value, c = u + v(s, i++), f += _(s, t, n, c, o); else if (s === "object") throw t = String(e), Error("Objects are not valid as a React child (found: " + (t === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : t) + "). If you meant to render a collection of children, use an array instead."); return f; } var l = { current: null }, m = { transition: null }, ce = { ReactCurrentDispatcher: l, ReactCurrentBatchConfig: m, ReactCurrentOwner: R }; r.Children = { map: d, forEach: function forEach(e, t, n) { d(e, function() { t.apply(this, arguments); }, n); }, count: function count(e) { var t = 0; return d(e, function() { t++; }), t; }, toArray: function toArray(e) { return d(e, function(t) { return t; }) || []; }, only: function only(e) { if (!C(e)) throw Error("React.Children.only expected to receive a single React element child."); return e; } }; r.Component = p; r.Fragment = Y; r.Profiler = J; r.PureComponent = S; r.StrictMode = G; r.Suspense = Z; r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ce; r.act = V; r.cloneElement = function(e, t, n) { if (e == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + "."); var u = O({}, e.props), o = e.key, s = e.ref, f = e._owner; if (t != null) { if (t.ref !== void 0 && (s = t.ref, f = R.current), t.key !== void 0 && (o = "" + t.key), e.type && e.type.defaultProps) var i = e.type.defaultProps; for(c in t)P.call(t, c) && !T.hasOwnProperty(c) && (u[c] = t[c] === void 0 && i !== void 0 ? i[c] : t[c]); } var c = arguments.length - 2; if (c === 1) u.children = n; else if (1 < c) { i = Array(c); for(var a = 0; a < c; a++)i[a] = arguments[a + 2]; u.children = i; } return { $$typeof: y, type: e.type, key: o, ref: s, props: u, _owner: f }; }; r.createContext = function(e) { return e = { $$typeof: Q, _currentValue: e, _currentValue2: e, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, e.Provider = { $$typeof: K, _context: e }, e.Consumer = e; }; r.createElement = D; r.createFactory = function(e) { var t = D.bind(null, e); return t.type = e, t; }; r.createRef = function() { return { current: null }; }; r.forwardRef = function(e) { return { $$typeof: X, render: e }; }; r.isValidElement = C; r.lazy = function(e) { return { $$typeof: te, _payload: { _status: -1, _result: e }, _init: ue }; }; r.memo = function(e, t) { return { $$typeof: ee, type: e, compare: t === void 0 ? null : t }; }; r.startTransition = function(e) { var t = m.transition; m.transition = {}; try { e(); } finally{ m.transition = t; } }; r.unstable_act = V; r.useCallback = function(e, t) { return l.current.useCallback(e, t); }; r.useContext = function(e) { return l.current.useContext(e); }; r.useDebugValue = function() {}; r.useDeferredValue = function(e) { return l.current.useDeferredValue(e); }; r.useEffect = function(e, t) { return l.current.useEffect(e, t); }; r.useId = function() { return l.current.useId(); }; r.useImperativeHandle = function(e, t, n) { return l.current.useImperativeHandle(e, t, n); }; r.useInsertionEffect = function(e, t) { return l.current.useInsertionEffect(e, t); }; r.useLayoutEffect = function(e, t) { return l.current.useLayoutEffect(e, t); }; r.useMemo = function(e, t) { return l.current.useMemo(e, t); }; r.useReducer = function(e, t, n) { return l.current.useReducer(e, t, n); }; r.useRef = function(e) { return l.current.useRef(e); }; r.useState = function(e) { return l.current.useState(e); }; r.useSyncExternalStore = function(e, t, n) { return l.current.useSyncExternalStore(e, t, n); }; r.useTransition = function() { return l.current.useTransition(); }; r.version = "18.3.1"; }); var F = w(function(fe, N) { "use strict"; N.exports = L(); }); var _h_default; var h = H(F()), le = h.Children, ae = h.Component, pe = h.Fragment, ye = h.Profiler, de = h.PureComponent, _e = h.StrictMode, me = h.Suspense, he = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ve = h.act, Se = h.cloneElement, Ee = h.createContext, Re = h.createElement, Ce = h.createFactory, ke = h.createRef, we = h.forwardRef, be = h.isValidElement, $e = h.lazy, je = h.memo, xe = h.startTransition, Oe = h.unstable_act, Ie = h.useCallback, ge = h.useContext, Pe = h.useDebugValue, Te = h.useDeferredValue, De = h.useEffect, Ve = h.useId, Le = h.useImperativeHandle, Ne = h.useInsertionEffect, Fe = h.useLayoutEffect, Ue = h.useMemo, qe = h.useReducer, Ae = h.useRef, Me = h.useState, ze = h.useSyncExternalStore, Be = h.useTransition, He = h.version, We = (_h_default = h.default) !== null && _h_default !== void 0 ? _h_default : h; /*! Bundled license information: react/cjs/react.production.min.js: (** * @license React * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =react.mjs.map return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1//jsx-runtime */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Fragment: function() { return F; }, default: function() { return T; }, jsx: function() { return I; }, jsxs: function() { return L; } }); var _react = require("https://esm.sh/react@18.3.1/es2022/react.mjs"); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var require1 = function(n) { var e = function(m) { return _type_of(m.default) < "u" ? m.default : m; }, c = function(m) { return Object.assign({ __esModule: true }, m); }; switch(n){ case "react": return e(_react); default: console.error('module "' + n + '" not found'); return null; } }; var y = Object.create; var l = Object.defineProperty; var j = Object.getOwnPropertyDescriptor; var x = Object.getOwnPropertyNames; var O = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty; var v = function(r) { return (typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : (typeof Proxy === "undefined" ? "undefined" : _type_of(Proxy)) < "u" ? new Proxy(r, { get: function(e, o) { return ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : e)[o]; } }) : r; }(function(r) { if ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u") return require1.apply(this, arguments); throw Error('Dynamic require of "' + r + '" is not supported'); }); var i = function(r, e) { return function() { return e || r((e = { exports: {} }).exports, e), e.exports; }; }; var E = function(r, e, o, t) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (e && (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" || typeof e == "function") try { var _loop = function() { var s = _step.value; !a.call(r, s) && s !== o && l(r, s, { get: function() { return e[s]; }, enumerable: !(t = j(e, s)) || t.enumerable }); }; for(var _iterator = x(e)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return r; }; var k = function(r, e, o) { return o = r != null ? y(O(r)) : {}, E(e || !r || !r.__esModule ? l(o, "default", { value: r, enumerable: !0 }) : o, r); }; var c = i(function(n) { "use strict"; var _ = function _(r, e, o) { var t, s = {}, p = null, u = null; o !== void 0 && (p = "" + o), e.key !== void 0 && (p = "" + e.key), e.ref !== void 0 && (u = e.ref); for(t in e)b.call(e, t) && !w.hasOwnProperty(t) && (s[t] = e[t]); if (r && r.defaultProps) for(t in e = r.defaultProps, e)s[t] === void 0 && (s[t] = e[t]); return { $$typeof: R, type: r, key: p, ref: u, props: s, _owner: q.current }; }; var N = v("react"), R = Symbol.for("react.element"), S = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, q = N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 }; n.Fragment = S; n.jsx = _; n.jsxs = _; }); var d = i(function(D, m) { "use strict"; m.exports = c(); }); var _f_default; var f = k(d()), F = f.Fragment, I = f.jsx, L = f.jsxs, T = (_f_default = f.default) !== null && _f_default !== void 0 ? _f_default : f; /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =jsx-runtime.mjs.map return module.exports } // Current component modules["entry"] = (module, exports, require) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _default; } }); var _jsxruntime = require("react/jsx-runtime"); function _array_like_to_array(arr, len) { if (len == null || len > arr.length) len = arr.length; for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i]; return arr2; } function _array_with_holes(arr) { if (Array.isArray(arr)) return arr; } function _array_without_holes(arr) { if (Array.isArray(arr)) return _array_like_to_array(arr); } function _define_property(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _iterable_to_array(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } function _iterable_to_array_limit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){ _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally{ try { if (!_n && _i["return"] != null) _i["return"](); } finally{ if (_d) throw _e; } } return _arr; } function _non_iterable_rest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _non_iterable_spread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _object_spread(target) { for(var i = 1; i < arguments.length; i++){ var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function(key) { _define_property(target, key, source[key]); }); } return target; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _object_spread_props(target, source) { source = source != null ? source : {}; if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function(key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _sliced_to_array(arr, i) { return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest(); } function _to_consumable_array(arr) { return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread(); } function _unsupported_iterable_to_array(o, minLen) { if (!o) return; if (typeof o === "string") return _array_like_to_array(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen); } var WeeklyWorkHourCalculator = function() { var _React_useState = _sliced_to_array(React.useState([ { day: 'Monday', startTime: '09:00', endTime: '17:00', breakMinutes: 30, hours: 0 }, { day: 'Tuesday', startTime: '09:00', endTime: '17:00', breakMinutes: 30, hours: 0 }, { day: 'Wednesday', startTime: '09:00', endTime: '17:00', breakMinutes: 30, hours: 0 }, { day: 'Thursday', startTime: '09:00', endTime: '17:00', breakMinutes: 30, hours: 0 }, { day: 'Friday', startTime: '09:00', endTime: '17:00', breakMinutes: 30, hours: 0 }, { day: 'Saturday', startTime: '', endTime: '', breakMinutes: 0, hours: 0 }, { day: 'Sunday', startTime: '', endTime: '', breakMinutes: 0, hours: 0 } ]), 2), days = _React_useState[0], setDays = _React_useState[1]; var _React_useState1 = _sliced_to_array(React.useState(15), 2), hourlyRate = _React_useState1[0], setHourlyRate = _React_useState1[1]; var _React_useState2 = _sliced_to_array(React.useState(0), 2), weeklyTotal = _React_useState2[0], setWeeklyTotal = _React_useState2[1]; var _React_useState3 = _sliced_to_array(React.useState(0), 2), weeklyEarnings = _React_useState3[0], setWeeklyEarnings = _React_useState3[1]; var calculateHours = function() { var total = 0; var updatedDays = days.map(function(day) { if (!day.startTime || !day.endTime) { return _object_spread_props(_object_spread({}, day), { hours: 0 }); } var start = new Date("2000-01-01T".concat(day.startTime, ":00")); var end = new Date("2000-01-01T".concat(day.endTime, ":00")); var diff = (end - start) / (1000 * 60 * 60); // hours diff = diff - day.breakMinutes / 60; diff = diff > 0 ? diff : 0; total += diff; return _object_spread_props(_object_spread({}, day), { hours: parseFloat(diff.toFixed(2)) }); }); setDays(updatedDays); setWeeklyTotal(parseFloat(total.toFixed(2))); setWeeklyEarnings(parseFloat((total * hourlyRate).toFixed(2))); }; React.useEffect(function() { calculateHours(); }, [ days, hourlyRate ]); var handleDayChange = function(index, field, value) { var updatedDays = _to_consumable_array(days); if (field === 'breakMinutes') { updatedDays[index][field] = parseInt(value) || 0; } else { updatedDays[index][field] = value; } setDays(updatedDays); }; return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "max-w-2xl mx-auto p-6 bg-white/80 backdrop-blur-md rounded-xl shadow-lg border border-gray-200", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", { className: "text-2xl font-bold text-gray-800 mb-6 text-center", children: "Weekly Work Hour Calculator" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mb-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Hourly Rate ($)" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "number", value: hourlyRate, onChange: function(e) { return setHourlyRate(parseFloat(e.target.value) || 0); }, className: "w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500" }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "space-y-4 mb-6", children: days.map(function(day, index) { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "p-4 bg-gray-50 rounded-lg", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", { className: "font-medium text-gray-800 mb-3", children: day.day }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "Start Time" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "time", value: day.startTime, onChange: function(e) { return handleDayChange(index, 'startTime', e.target.value); }, className: "w-full p-2 text-sm border border-gray-300 rounded-md focus:ring-1 focus:ring-blue-500 focus:border-blue-500" }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "End Time" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "time", value: day.endTime, onChange: function(e) { return handleDayChange(index, 'endTime', e.target.value); }, className: "w-full p-2 text-sm border border-gray-300 rounded-md focus:ring-1 focus:ring-blue-500 focus:border-blue-500" }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "Break (min)" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "number", value: day.breakMinutes, onChange: function(e) { return handleDayChange(index, 'breakMinutes', e.target.value); }, className: "w-full p-2 text-sm border border-gray-300 rounded-md focus:ring-1 focus:ring-blue-500 focus:border-blue-500" }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-3 text-sm flex justify-between", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-gray-600", children: "Hours:" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "font-medium", children: [ day.hours, " hrs" ] }) ] }) ] }, day.day); }) }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "p-4 bg-blue-50 rounded-lg", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex justify-between mb-2", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "font-medium", children: "Weekly Total Hours:" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "font-bold", children: [ weeklyTotal, " hrs" ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex justify-between", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "font-medium", children: "Weekly Earnings:" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "font-bold", children: [ "$", weeklyEarnings ] }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-4 text-xs text-gray-500", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { children: "1. Break time is subtracted from daily work hours" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { children: "2. Calculations are based on 24-hour format" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { children: "3. Leave time fields empty for days off" }) ] }) ] }); }; var _default = WeeklyWorkHourCalculator; return module.exports } // External packages "use strict"; var EXTERNALS = { "react": window.React, "react-dom": window.ReactDOM }; // Execute and export var Component = commonRequire("entry"); var root = document.getElementById('root'); if (!root) { throw new Error('Root element not found'); } EXTERNALS['react-dom'].createRoot(root).render(EXTERNALS['react'].createElement(Component.default)); })(window);

Weekly Work Hour Calculator

what is Weekly Work Hour Calculator