{"version":3,"file":"AppWrapper-DW27b-V_.js","sources":["../../../node_modules/@mui/private-theming/useTheme/ThemeContext.js","../../../node_modules/@mui/private-theming/useTheme/useTheme.js","../../../node_modules/@mui/private-theming/ThemeProvider/nested.js","../../../node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js","../../../node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js","../../../node_modules/@mui/material/styles/ThemeProvider.js","../../../app/javascript/entrypoints/AppWrapper/AppWrapper.jsx"],"sourcesContent":["import * as React from 'react';\nconst ThemeContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'ThemeContext';\n}\nexport default ThemeContext;","import * as React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n  const theme = React.useContext(ThemeContext);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme;\n}","const hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@mui/utils';\nimport ThemeContext from '../useTheme/ThemeContext';\nimport useTheme from '../useTheme';\nimport nested from './nested';\n\n// To support composition of theme.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction mergeOuterLocalTheme(outerTheme, localTheme) {\n  if (typeof localTheme === 'function') {\n    const mergedTheme = localTheme(outerTheme);\n    if (process.env.NODE_ENV !== 'production') {\n      if (!mergedTheme) {\n        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\\n'));\n      }\n    }\n    return mergedTheme;\n  }\n  return _extends({}, outerTheme, localTheme);\n}\n\n/**\n * This component takes a `theme` prop.\n * It makes the `theme` available down the React tree thanks to React context.\n * This component should preferably be used at **the root of your component tree**.\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme\n  } = props;\n  const outerTheme = useTheme();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outerTheme === null && typeof localTheme === 'function') {\n      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\\n'));\n    }\n  }\n  const theme = React.useMemo(() => {\n    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);\n    if (output != null) {\n      output[nested] = outerTheme !== null;\n    }\n    return output;\n  }, [localTheme, outerTheme]);\n  return /*#__PURE__*/_jsx(ThemeContext.Provider, {\n    value: theme,\n    children: children\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as MuiThemeProvider, useTheme as usePrivateTheme } from '@mui/private-theming';\nimport exactProp from '@mui/utils/exactProp';\nimport { ThemeContext as StyledEngineThemeContext } from '@mui/styled-engine';\nimport useThemeWithoutDefault from '../useThemeWithoutDefault';\nimport RtlProvider from '../RtlProvider';\nimport DefaultPropsProvider from '../DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst EMPTY_THEME = {};\nfunction useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {\n  return React.useMemo(() => {\n    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;\n    if (typeof localTheme === 'function') {\n      const mergedTheme = localTheme(resolvedTheme);\n      const result = themeId ? _extends({}, upperTheme, {\n        [themeId]: mergedTheme\n      }) : mergedTheme;\n      // must return a function for the private theme to NOT merge with the upper theme.\n      // see the test case \"use provided theme from a callback\" in ThemeProvider.test.js\n      if (isPrivate) {\n        return () => result;\n      }\n      return result;\n    }\n    return themeId ? _extends({}, upperTheme, {\n      [themeId]: localTheme\n    }) : _extends({}, upperTheme, localTheme);\n  }, [themeId, upperTheme, localTheme, isPrivate]);\n}\n\n/**\n * This component makes the `theme` available down the React tree.\n * It should preferably be used at **the root of your component tree**.\n *\n * <ThemeProvider theme={theme}> // existing use case\n * <ThemeProvider theme={{ id: theme }}> // theme scoping\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme,\n    themeId\n  } = props;\n  const upperTheme = useThemeWithoutDefault(EMPTY_THEME);\n  const upperPrivateTheme = usePrivateTheme() || EMPTY_THEME;\n  if (process.env.NODE_ENV !== 'production') {\n    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {\n      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\\n'));\n    }\n  }\n  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);\n  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);\n  const rtlValue = engineTheme.direction === 'rtl';\n  return /*#__PURE__*/_jsx(MuiThemeProvider, {\n    theme: privateTheme,\n    children: /*#__PURE__*/_jsx(StyledEngineThemeContext.Provider, {\n      value: engineTheme,\n      children: /*#__PURE__*/_jsx(RtlProvider, {\n        value: rtlValue,\n        children: /*#__PURE__*/_jsx(DefaultPropsProvider, {\n          value: engineTheme == null ? void 0 : engineTheme.components,\n          children: children\n        })\n      })\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  /**\n   * The design system's unique id for getting the corresponded theme when there are multiple design systems.\n   */\n  themeId: PropTypes.string\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"theme\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as SystemThemeProvider } from '@mui/system';\nimport THEME_ID from './identifier';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function ThemeProvider(_ref) {\n  let {\n      theme: themeInput\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  const scopedTheme = themeInput[THEME_ID];\n  return /*#__PURE__*/_jsx(SystemThemeProvider, _extends({}, props, {\n    themeId: scopedTheme ? THEME_ID : undefined,\n    theme: scopedTheme || themeInput\n  }));\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;","import React, { useState, useEffect } from \"react\";\nimport { createRoot } from 'react-dom/client';\nimport { ThemeProvider } from \"@mui/material/styles\";\nimport { Elements } from '@stripe/react-stripe-js';\nimport { loadStripe } from '@stripe/stripe-js';\nimport axios from 'axios';\nimport { theme } from \"../lib\";\nimport { initializeFirebase } from '../../shared/firebase';\n\nconst AppWrapper = ({ children }) => (\n  <ThemeProvider theme={theme}>\n    {children}\n  </ThemeProvider>\n);\n\nconst StripeProvider = ({ stripePromise, children }) => {\n  return (\n    <Elements stripe={stripePromise}>\n      {children}\n    </Elements>\n  );\n};\n\nexport function createAndRenderApp(MainComponent) {\n  document.addEventListener(\"DOMContentLoaded\", async () => {\n    const container = document.getElementById(\"react-root\");\n\n    if (container) {\n      try {\n        // Fetch configuration\n        const response = await axios.get('/api/config');\n        const config = response.data;\n\n        console.log(\"Config received in AppWrapper:\", config);\n\n        // Set up CSRF token for axios\n        axios.defaults.headers.common['X-CSRF-Token'] = config.csrfToken;\n\n        // Initialize Firebase with the fetched config\n        initializeFirebase(config);\n\n        // Initialize Stripe with the fetched public key\n        const stripePromise = loadStripe(config.stripe.publicKey);\n\n        const root = createRoot(container);\n        root.render(\n          <AppWrapper>\n            <StripeProvider stripePromise={stripePromise}>\n              <MainComponent config={config} />\n            </StripeProvider>\n          </AppWrapper>\n        );\n      } catch (error) {\n        console.error('Failed to initialize app:', error);\n      }\n    } else {\n      console.error('Could not find element with id \"react-root\"');\n    }\n  });\n}\n\nexport { AppWrapper };\n"],"names":["ThemeContext","React.createContext","useTheme","React.useContext","hasSymbol","nested","mergeOuterLocalTheme","outerTheme","localTheme","_extends","ThemeProvider","props","children","theme","React.useMemo","output","_jsx","EMPTY_THEME","useThemeScoping","themeId","upperTheme","isPrivate","resolvedTheme","mergedTheme","result","useThemeWithoutDefault","upperPrivateTheme","usePrivateTheme","engineTheme","privateTheme","rtlValue","MuiThemeProvider","StyledEngineThemeContext","RtlProvider","DefaultPropsProvider","_excluded","_ref","themeInput","_objectWithoutPropertiesLoose","scopedTheme","THEME_ID","SystemThemeProvider","AppWrapper","React","StripeProvider","stripePromise","Elements","createAndRenderApp","MainComponent","container","config","axios","initializeFirebase","loadStripe","createRoot","error"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}