(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 } // Module modules["react"] = (module, exports, require) => { window.React 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"); var _react = require("react"); 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 EcoFootprintCalculator = function() { // State management var _useState = _sliced_to_array((0, _react.useState)(0), 2), currentSlide = _useState[0], setCurrentSlide = _useState[1]; var _useState1 = _sliced_to_array((0, _react.useState)({}), 2), answers = _useState1[0], setAnswers = _useState1[1]; var _useState2 = _sliced_to_array((0, _react.useState)(0), 2), totalFootprint = _useState2[0], setTotalFootprint = _useState2[1]; var _useState3 = _sliced_to_array((0, _react.useState)(null), 2), showTooltip = _useState3[0], setShowTooltip = _useState3[1]; var _useState4 = _sliced_to_array((0, _react.useState)(33000), 2), nationalAverage = _useState4[0], setNationalAverage = _useState4[1]; var _useState5 = _sliced_to_array((0, _react.useState)('Canada'), 2), country = _useState5[0], setCountry = _useState5[1]; // Countries with their average footprints var countries = [ { name: 'Canada', average: 33000 }, { name: 'USA', average: 34780 }, { name: 'Australia', average: 35900 }, { name: 'South Korea', average: 25570 }, { name: 'UK', average: 17420 }, { name: 'Germany', average: 18080 }, { name: 'Japan', average: 19620 }, { name: 'South Africa', average: 18260 }, { name: 'China', average: 15870 }, { name: 'France', average: 11460 }, { name: 'Italy', average: 13230 }, { name: 'Spain', average: 12700 }, { name: 'Netherlands', average: 19400 }, { name: 'Sweden', average: 9920 }, { name: 'Ukraine', average: 12350 }, { name: 'India', average: 3530 }, { name: 'Philippines', average: 2920 }, { name: 'Brazil', average: 5510 }, { name: 'Argentina', average: 8380 }, { name: 'Colombia', average: 4670 }, { name: 'Chile', average: 8120 }, { name: 'Peru', average: 4100 }, { name: 'Mexico', average: 8930 } ]; // Slides configuration var slides = [ // Start Screen { title: "🌍 The Attuned Eco Footprint Calculator", type: "start", content: "Discover your environmental impact and learn how to reduce your carbon footprint." }, // Waste { title: "🗑 Waste", questions: [ { id: "trash_bags", question: "How many trash bags do you throw out weekly?", type: "number", tooltip: "Annual waste is calculated by multiplying your weekly waste by 52.", calculation: function(value) { return value * 52 * 0.7; } }, { id: "online_orders", question: "📦 How many online packages do you order weekly?", type: "number", tooltip: "Shipping CO₂ is based on weekly deliveries. The more you buy, the higher your footprint.", calculation: function(value) { return value * 52 * 1.3; } }, { id: "recycle", question: "♻️ Do you recycle regularly?", type: "select", options: [ { label: "Yes", value: "yes", calculation: -200 }, { label: "Sometimes", value: "sometimes", calculation: -100 }, { label: "No", value: "no", calculation: 0 } ], tooltip: "Recycling reduces waste and conserves resources." } ] }, // Transportation { title: "🚗 Transportation", questions: [ { id: "vehicle_type", question: "What type of vehicle do you drive?", type: "select", options: [ { label: "⛽️ Sedan", value: "sedan", factor: 0.2 }, { label: "⛽️ Hatchback", value: "hatchback", factor: 0.18 }, { label: "⛽️ SUV", value: "suv", factor: 0.3 }, { label: "⛽️ Truck", value: "truck", factor: 0.35 }, { label: "⛽️ Van", value: "van", factor: 0.28 }, { label: "⛽️ City Car", value: "city_car", factor: 0.14 }, { label: "🚘 Hybrid", value: "hybrid", factor: 0.12 }, { label: "🔋 Electric", value: "electric", factor: 0.04 }, { label: "I don't drive", value: "none", factor: 0 } ], tooltip: "Different vehicle types have varying emissions, electric being the least carbon-intensive." }, { id: "drive_km", question: "How many kilometers do you drive weekly?", type: "number", calculation: function(value, answers) { var vehicleType = answers.vehicle_type; if (!vehicleType || vehicleType === "none") return 0; var option = slides[2].questions[0].options.find(function(opt) { return opt.value === vehicleType; }); return value * 52 * (option ? option.factor : 0); } } ] }, // Transportation continued { title: "🚗 Transportation continued", questions: [ { id: "public_transit_km", question: "🚠 How many kilometers do you use public transit weekly?", type: "number", tooltip: "Public transit reduces carbon emissions compared to driving.", calculation: function(value) { return value * 52 * 0.05; } }, { id: "short_flights", question: "🧳 How many short flights (under 3 hours) do you take per year?", type: "number", tooltip: "Short flights have a higher emissions factor than longer trips.", calculation: function(value) { return value * 300; } }, { id: "long_flights", question: "✈️ How many long flights (over 3 hours) do you take per year?", type: "number", tooltip: "Long flights contribute significantly to your carbon footprint.", calculation: function(value) { return value * 1100; } } ] }, // Energy { title: "⚡ Energy", questions: [ { id: "laundry_loads", question: "🧺 How many laundry loads do you do weekly?", type: "number", tooltip: "Each load contributes to CO₂ emissions, especially if you use a lot of hot water.", calculation: function(value) { return value * 52 * 0.7; } }, { id: "screen_hours", question: "🖥 How many hours per week do you use a TV or computer?", type: "number", tooltip: "Energy consumption for electronics adds to your footprint.", calculation: function(value) { return value * 52 * 0.05; } } ] }, // Energy Continued { title: "⚡ Energy Continued", questions: [ { id: "lights", question: "💡 How many rooms have lights on daily, and for how many hours?", type: "compound", subQuestions: [ { id: "rooms", label: "Rooms", type: "number" }, { id: "hours", label: "Hours per day", type: "number" } ], tooltip: "Lighting energy use depends on how many rooms are illuminated and for how long.", calculation: function(value) { return value.rooms * value.hours * 365 * 0.04; } }, { id: "heating_cooling", question: "🌡 How many hours per day is your home heated or cooled?", type: "number", tooltip: "Heating and cooling have significant energy consumption and CO₂ emissions.", calculation: function(value) { return value * 365 * 1.5; } } ] }, // Water { title: "💧 Water", questions: [ { id: "showers", question: "🚿 How many showers do you take per week, and for how many minutes?", type: "compound", subQuestions: [ { id: "count", label: "Showers per week", type: "number" }, { id: "minutes", label: "Minutes per shower", type: "number" } ], tooltip: "Longer showers and using more water increase your CO₂ footprint.", calculation: function(value) { return value.count * value.minutes * 52 * 0.2; } }, { id: "low_flow", question: "💦 Do you use a low-flow showerhead?", type: "select", options: [ { label: "Yes", value: "yes" }, { label: "No", value: "no" } ], tooltip: "Low-flow showerheads can significantly reduce water usage and related emissions.", calculation: function(value, answers) { if (!answers.showers) return 0; var showerEmissions = answers.showers.count * answers.showers.minutes * 52 * 0.2; return value === "yes" ? -showerEmissions * 0.3 : 0; } } ] }, // Water Continued { title: "💧 Water Continued", questions: [ { id: "dishwasher", question: "🍽️ Do you use a dishwasher or handwash dishes?", type: "select", options: [ { label: "Yes, regularly", value: "yes" }, { label: "Sometimes", value: "sometimes" }, { label: "No, I handwash", value: "no" } ], tooltip: "A load = full standard dishwasher or equivalent handwashing" }, { id: "dishwashing_loads", question: "🧽 How many dishwashing loads per week?", type: "number", calculation: function(value, answers) { var dishwasherType = answers.dishwasher; if (dishwasherType === "yes") return value * 43; if (dishwasherType === "sometimes") return value * 54; return value * 65; // handwash } } ] }, // Food - Detailed Dietary Impact { title: "🍽️ Food – Detailed Dietary Impact", questions: [ { id: "red_meat", question: "🥩 Red Meat (beef, lamb, pork): How many meals per week contain red meat?", type: "number", tooltip: "Red meat has one of the highest food-related CO₂ impacts. Each serving ≈ 7.5 lbs CO₂e", calculation: function(value) { return value * 7.5 * 52; } }, { id: "poultry", question: "🍗 Poultry (chicken, turkey): How many meals per week contain poultry?", type: "number", tooltip: "Poultry has a lower footprint than red meat. Each serving ≈ 1.5 lbs CO₂e", calculation: function(value) { return value * 1.5 * 52; } }, { id: "seafood", question: "🎣 Fish & Seafood: How many meals per week contain fish or seafood?", type: "number", tooltip: "Wild-caught fish ≈ 2.5 lbs CO₂e per serving; varies by source", calculation: function(value) { return value * 2.5 * 52; } } ] }, // Food Continued { title: "🍽️ Food Continued", questions: [ { id: "dairy", question: "🥛 Dairy (milk, cheese, yogurt, etc.): How many servings of dairy do you consume daily?", type: "number", tooltip: "Each serving of dairy ≈ 1.2 lbs CO₂e; cheese is higher at ~2.5 lbs", calculation: function(value) { return value * 1.2 * 365; } }, { id: "milk_type", question: "What type of milk do you primarily drink?", type: "select", options: [ { label: "I drink plant-based milk", value: "plant", calculation: 0 }, { label: "I mix dairy and plant-based", value: "mix", calculation: 150 }, { label: "I only drink dairy milk", value: "dairy", calculation: 300 } ] }, { id: "plant_based", question: "🥬 Plant-Based Meals: How many fully plant-based meals do you eat per week?", type: "number", tooltip: "Plant-based meals average 1 lb CO₂e per serving", calculation: function(value) { var baseCalc = value * 1 * 52; return value > 14 ? baseCalc - 100 : baseCalc; } } ] }, // Drinks { title: "🥤 Drinks", questions: [ { id: "sugary_drinks", question: "🥤 How many bottled or canned sugary drinks do you consume per week?", type: "number", tooltip: "E.g., soda, iced tea, energy drinks, bottled juice — excludes takeout beverages", calculation: function(value) { return value * 2 * 52; } }, { id: "alcoholic_drinks", question: "🍷 How many alcoholic drinks do you consume per week?", type: "number", tooltip: "E.g., wine, beer, hard liquor — based on average emissions per serving", calculation: function(value) { return value * 1.5 * 52; } }, { id: "takeout_drinks", question: "☕ How many drinks do you get from fast food or coffee shops per week?", type: "number", tooltip: "E.g., drinks in paper/plastic cups like fountain sodas, lattes, smoothies", calculation: function(value) { return value * 1.5 * 52; } } ] }, // Goods & Consumption { title: "👚 Goods & Consumption", questions: [ { id: "clothing", question: "🛍️ How many new clothing items do you buy per month?", type: "number", tooltip: "Clothing production and transportation contribute to emissions.", calculation: function(value) { return value * 12 * 25; } }, { id: "secondhand", question: "👚 Do you buy secondhand items?", type: "select", options: [ { label: "Yes", value: "yes" }, { label: "Sometimes", value: "sometimes" }, { label: "No", value: "no" } ], tooltip: "Secondhand items have a lower carbon footprint than new goods.", calculation: function(value, answers) { if (!answers.clothing) return 0; var clothingEmissions = answers.clothing * 12 * 25; if (value === "yes") return -clothingEmissions * 0.5; if (value === "sometimes") return -clothingEmissions * 0.25; return 0; } }, { id: "gifts", question: "🎁 How many gifts/new items do you buy per year?", type: "number", tooltip: "New items purchased as gifts increase overall consumption emissions.", calculation: function(value) { return value * 27; } } ] }, // Digital Usage { title: "💻 Digital Usage", questions: [ { id: "smartphones", question: "📱 How many smartphones do you have and how many times do you charge them per week?", type: "compound", subQuestions: [ { id: "devices", label: "Number of smartphones", type: "number" }, { id: "charges", label: "Charges per week", type: "number" } ], calculation: function(value) { return value.devices * value.charges * 0.8; } }, { id: "earbuds", question: "🎧 How many wireless earbuds and headphones do you have and how many times do you charge them per week?", type: "compound", subQuestions: [ { id: "devices", label: "Number of devices", type: "number" }, { id: "charges", label: "Charges per week", type: "number" } ], calculation: function(value) { return value.devices * value.charges * 0.4; } } ] }, // Digital Usage Continued { title: "💻 Digital Usage Continued", questions: [ { id: "tablets", question: "💻 How many tablets do you have and how many times do you charge them per week?", type: "compound", subQuestions: [ { id: "devices", label: "Number of tablets", type: "number" }, { id: "charges", label: "Charges per week", type: "number" } ], calculation: function(value) { return value.devices * value.charges * 1; } }, { id: "smartwatches", question: "⌚ How many smartwatches do you have and how many times do you charge them per week?", type: "compound", subQuestions: [ { id: "devices", label: "Number of smartwatches", type: "number" }, { id: "charges", label: "Charges per week", type: "number" } ], calculation: function(value) { return value.devices * value.charges * 0.3; } } ] }, // Digital Usage Continued 2 { title: "💻 Digital Usage Continued", questions: [ { id: "gaming", question: "🎮 How many hours do you spend on a gaming console per week?", type: "number", calculation: function(value) { return value * 0.3; } }, { id: "streaming", question: "🌐 Do you stream/browse more than 20 hours per week?", type: "select", options: [ { label: "Yes", value: "yes", calculation: 200 }, { label: "No", value: "no", calculation: 0 } ] } ] }, // Bonus Credits { title: "🌱 Bonus Credits", questions: [ { id: "bonus_credits", question: "Select all that apply:", type: "multiselect", options: [ { label: "🌳 Plant trees", value: "trees", calculation: -300 }, { label: "🍂 Compost", value: "compost", calculation: -150 }, { label: "♻️ Purchase carbon offsets", value: "offsets", calculation: -500 }, { label: "🚲 Walk/bike instead of drive", value: "walk_bike", calculation: -200 }, { label: "🧑‍🏫 Educate others", value: "educate", calculation: -100 }, { label: "🥕 Grow your own veggies", value: "grow_veggies", calculation: -250 } ], calculation: function(selectedValues) { return selectedValues.reduce(function(total, value) { var option = slides[15].questions[0].options.find(function(opt) { return opt.value === value; }); return total + (option ? option.calculation : 0); }, 0); } } ] }, // Location { title: "📍 Location 🌍", questions: [ { id: "country", question: "Select your country", type: "select", options: countries.map(function(c) { return { label: c.name, value: c.name }; }), tooltip: "Used to compare your footprint against national averages" } ] }, // Results { title: "✅ Results 🧮", type: "results" } ]; // Calculate total footprint whenever answers change (0, _react.useEffect)(function() { var total = 0; // Process each slide slides.forEach(function(slide) { if (!slide.questions) return; slide.questions.forEach(function(question) { var answer = answers[question.id]; if (answer === undefined || answer === null || answer === '') return; if (question.type === 'multiselect' && question.calculation) { total += question.calculation(answer); } else if (question.calculation) { total += question.calculation(answer, answers); } else if (question.type === 'select' && answer) { var option = question.options.find(function(opt) { return opt.value === answer; }); if (option && option.calculation !== undefined) { total += option.calculation; } } }); }); setTotalFootprint(total); }, [ answers ]); // Update national average when country changes (0, _react.useEffect)(function() { if (answers.country) { var countryData = countries.find(function(c) { return c.name === answers.country; }); if (countryData) { setNationalAverage(countryData.average); setCountry(countryData.name); } } }, [ answers.country ]); // Handle input changes var handleInputChange = function(questionId, value) { setAnswers(function(prev) { return _object_spread_props(_object_spread({}, prev), _define_property({}, questionId, value)); }); }; // Handle compound input changes var handleCompoundChange = function(questionId, subId, value) { setAnswers(function(prev) { return _object_spread_props(_object_spread({}, prev), _define_property({}, questionId, _object_spread_props(_object_spread({}, prev[questionId]), _define_property({}, subId, value)))); }); }; // Handle multiselect changes var handleMultiselectChange = function(questionId, value) { setAnswers(function(prev) { var currentValues = prev[questionId] || []; if (currentValues.includes(value)) { return _object_spread_props(_object_spread({}, prev), _define_property({}, questionId, currentValues.filter(function(v) { return v !== value; }))); } else { return _object_spread_props(_object_spread({}, prev), _define_property({}, questionId, _to_consumable_array(currentValues).concat([ value ]))); } }); }; // Navigate to next slide var nextSlide = function() { if (currentSlide < slides.length - 1) { setCurrentSlide(currentSlide + 1); setShowTooltip(null); } }; // Navigate to previous slide var prevSlide = function() { if (currentSlide > 0) { setCurrentSlide(currentSlide - 1); setShowTooltip(null); } }; // Toggle tooltip visibility var toggleTooltip = function(id) { setShowTooltip(showTooltip === id ? null : id); }; // Get result message based on footprint var getResultMessage = function() { var globalTarget = 5000; var buffer = 200; // National comparison var nationalStatus; if (totalFootprint < nationalAverage - buffer) { nationalStatus = "Low"; } else if (totalFootprint > nationalAverage + buffer) { nationalStatus = "High"; } else { nationalStatus = "Average"; } // Global comparison var globalStatus; if (totalFootprint <= globalTarget) { globalStatus = "Met Target"; } else if (totalFootprint <= 8000) { globalStatus = "Low"; } else if (totalFootprint <= 13000) { globalStatus = "Average"; } else { globalStatus = "High"; } // Result message based on both comparisons if (globalStatus === "Met Target") { return "💎 Outstanding! You've reached the global sustainability goal — that's the future we need."; } else if (nationalStatus === "Low" && globalStatus === "Low") { return "🎯 Awesome! You're ahead of the game both at home and globally."; } else if (nationalStatus === "Low" && globalStatus === "Average") { return "🌱 You're doing better than most in your country — and nearly there globally!"; } else if (nationalStatus === "Low" && globalStatus === "High") { return "🚦 Better than most in your region — but your footprint is still high overall. Let's aim lower!"; } else if (nationalStatus === "Average" && globalStatus === "Low") { return "🍀 Solid work — your footprint is globally sustainable!"; } else if (nationalStatus === "Average" && globalStatus === "Average") { return "🧩 You're doing okay! Small changes could make a big difference."; } else if (nationalStatus === "Average" && globalStatus === "High") { return "⚠️ Not bad for your country — but we're aiming for lower globally."; } else if (nationalStatus === "High" && globalStatus === "Low") { return "🥈 Low globally, but high locally — check your local habits."; } else if (nationalStatus === "High" && globalStatus === "Average") { return "🔨 You're above your national average. Let's start making small changes!"; } else { return "🚨 You're above both national and global averages — time to rethink some habits!"; } }; // Get heart score based on total footprint var getHeartScore = function() { if (totalFootprint <= 5000) { return "❤️❤️❤️❤️❤️"; } else if (totalFootprint <= 8000) { return "❤️❤️❤️🖤🖤"; } else if (totalFootprint <= 13000) { return "❤️❤️🖤🖤🖤"; } else if (totalFootprint <= 15000) { return "❤️🖤🖤🖤🖤"; } else { return "🖤🖤🖤🖤🖤"; } }; // Get improvement tips based on answers var getImprovementTips = function() { var tips = []; // Transportation tips if (answers.vehicle_type && answers.vehicle_type !== "electric" && answers.vehicle_type !== "none") { tips.push("Consider switching to an electric vehicle or using public transportation more often."); } if (answers.short_flights > 2 || answers.long_flights > 1) { tips.push("Try to reduce air travel or offset your flight emissions."); } // Food tips if (answers.red_meat > 3) { tips.push("Reducing red meat consumption can significantly lower your carbon footprint."); } if (!answers.plant_based || answers.plant_based < 7) { tips.push("Try incorporating more plant-based meals into your diet."); } // Energy tips if (answers.heating_cooling > 12) { tips.push("Consider better insulation or smart thermostats to reduce heating/cooling needs."); } // Consumption tips if (answers.clothing > 3 && (!answers.secondhand || answers.secondhand === "no")) { tips.push("Shop secondhand or reduce new clothing purchases to lower your footprint."); } // Digital tips if (answers.streaming === "yes") { tips.push("Be mindful of your digital consumption - streaming has a carbon cost too!"); } // If we have fewer than 3 tips, add some general ones if (tips.length < 3) { if (!tips.includes("Try incorporating more plant-based meals into your diet.")) { tips.push("Try incorporating more plant-based meals into your diet."); } if (!tips.includes("Consider using renewable energy sources for your home.")) { tips.push("Consider using renewable energy sources for your home."); } if (!tips.includes("Reduce, reuse, and recycle to minimize waste.")) { tips.push("Reduce, reuse, and recycle to minimize waste."); } } return tips.slice(0, 4); // Return up to 4 tips }; // Calculate progress percentage var calculateProgress = function() { return currentSlide / (slides.length - 1) * 100; }; // Render current slide var renderSlide = function() { var slide = slides[currentSlide]; if (slide.type === "start") { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex flex-col items-center justify-center h-full text-center p-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", { className: "text-3xl font-bold mb-6 text-green-700", children: slide.title }), /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-lg mb-8", children: slide.content }), /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: nextSlide, className: "px-8 py-3 bg-green-500 text-white rounded-full shadow-lg hover:bg-green-600 transition-all transform hover:scale-105", children: "Start" }) ] }); } if (slide.type === "results") { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex flex-col h-full p-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", { className: "text-2xl font-bold mb-4 text-green-700", children: slide.title }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "bg-white bg-opacity-70 backdrop-filter backdrop-blur-lg rounded-xl p-6 shadow-lg mb-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "text-center mb-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-xl font-bold mb-2", children: "Your Carbon Footprint" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", { className: "text-3xl font-bold text-green-600", children: [ Math.round(totalFootprint), " kg CO₂e/year" ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-lg mt-2", children: getHeartScore() }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mb-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-lg font-semibold mb-2", children: getResultMessage() }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { children: "Global Target" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { children: "Your Footprint" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { children: [ country, " Average" ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "relative h-8 bg-gray-200 rounded-full overflow-hidden", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "absolute h-full bg-green-300 rounded-full", style: { width: "".concat(5000 / nationalAverage * 100, "%") } }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "absolute h-full bg-pink-400 rounded-full", style: { width: "".concat(totalFootprint / nationalAverage * 100, "%") } }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "absolute h-full w-1 bg-gray-800", style: { left: '100%' } }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "font-semibold mb-2", children: "Improvement Tips:" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("ul", { className: "list-disc pl-5", children: getImprovementTips().map(function(tip, index) { return /*#__PURE__*/ (0, _jsxruntime.jsx)("li", { className: "mb-1", children: tip }, index); }) }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: function() { return setCurrentSlide(0); }, className: "mt-auto px-6 py-2 bg-green-500 text-white rounded-full shadow-md hover:bg-green-600 transition-all self-center", children: "Start Over" }) ] }); } return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex flex-col h-full", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", { className: "text-xl font-bold mb-4 text-green-700", children: slide.title }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "flex-grow overflow-y-auto", children: slide.questions && slide.questions.map(function(question, qIndex) { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mb-6 bg-white bg-opacity-60 backdrop-filter backdrop-blur-sm rounded-lg p-4 shadow-md", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "font-medium text-gray-800", children: question.question }), question.tooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: function() { return toggleTooltip("".concat(currentSlide, "-").concat(qIndex)); }, className: "ml-2 text-gray-500 hover:text-gray-700", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("i", { className: "far fa-question-circle" }) }) ] }), showTooltip === "".concat(currentSlide, "-").concat(qIndex) && question.tooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "bg-gray-100 p-3 rounded-md mb-3 text-sm", children: question.tooltip }), question.type === "number" && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "number", min: "0", value: answers[question.id] || "", onChange: function(e) { return handleInputChange(question.id, parseFloat(e.target.value) || 0); }, className: "w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500" }), question.type === "select" && /*#__PURE__*/ (0, _jsxruntime.jsxs)("select", { value: answers[question.id] || "", onChange: function(e) { return handleInputChange(question.id, e.target.value); }, className: "w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("option", { value: "", children: "Select an option" }), question.options.map(function(option, oIndex) { return /*#__PURE__*/ (0, _jsxruntime.jsx)("option", { value: option.value, children: option.label }, oIndex); }) ] }), question.type === "multiselect" && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "space-y-2", children: question.options.map(function(option, oIndex) { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex items-center", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "checkbox", id: "".concat(question.id, "-").concat(option.value), checked: (answers[question.id] || []).includes(option.value), onChange: function() { return handleMultiselectChange(question.id, option.value); }, className: "mr-2 h-5 w-5 text-green-500 focus:ring-green-400" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { htmlFor: "".concat(question.id, "-").concat(option.value), className: "text-gray-700", children: option.label }) ] }, oIndex); }) }), question.type === "compound" && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "space-y-3", children: question.subQuestions.map(function(subQ, sIndex) { return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex flex-col", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { className: "text-sm text-gray-600 mb-1", children: subQ.label }), /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: subQ.type, min: "0", value: answers[question.id] && answers[question.id][subQ.id] || "", onChange: function(e) { return handleCompoundChange(question.id, subQ.id, subQ.type === "number" ? parseFloat(e.target.value) || 0 : e.target.value); }, className: "w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500" }) ] }, sIndex); }) }) ] }, qIndex); }) }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-4 flex justify-between items-center", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: prevSlide, disabled: currentSlide === 0, className: "px-4 py-2 rounded-full shadow-md transition-all ".concat(currentSlide === 0 ? 'bg-gray-300 text-gray-500 cursor-not-allowed' : 'bg-pink-400 text-white hover:bg-pink-500'), children: "Back ⬅️" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "flex-grow mx-4", children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "relative pt-1", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex mb-2 items-center justify-between", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-green-600 bg-green-200", children: "Progress" }) }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "text-right", children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "text-xs font-semibold inline-block text-green-600", children: [ Math.round(calculateProgress()), "%" ] }) }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "overflow-hidden h-2 mb-4 text-xs flex rounded bg-green-200", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { style: { width: "".concat(calculateProgress(), "%") }, className: "shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-green-500" }) }) ] }) }), /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: nextSlide, className: "px-4 py-2 bg-green-500 text-white rounded-full shadow-md hover:bg-green-600 transition-all", children: "Next ➡️" }) ] }) ] }); }; return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "min-h-screen bg-gradient-to-br from-pink-100 to-green-100 flex justify-center items-center p-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "w-full max-w-4xl bg-white bg-opacity-40 backdrop-filter backdrop-blur-md rounded-2xl shadow-xl overflow-hidden border border-white border-opacity-30", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "h-[600px] p-6 flex flex-col", children: renderSlide() }) }), /*#__PURE__*/ (0, _jsxruntime.jsx)("style", { jsx: "true", children: '\n @media (max-width: 640px) {\n .min-h-screen {\n padding: 1rem;\n }\n }\n \n input[type="number"]::-webkit-inner-spin-button,\n input[type="number"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n \n input[type="number"] {\n -moz-appearance: textfield;\n }\n ' }) ] }); }; var _default = EcoFootprintCalculator; 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);

The Attuned Eco Footprint Calculator

what is The Attuned Eco Footprint Calculator