JezK

Edit File: sc-form-state-provider2.js.map

{"file":"sc-form-state-provider2.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAkEgB,UAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/providers/form-state-provider/sc-form-state-provider.tsx"],"sourcesContent":["import { Component, h, State, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { checkoutMachine } from './checkout-machine';\nimport { interpret } from '@xstate/fsm';\nimport { __ } from '@wordpress/i18n';\nimport { FormState, FormStateSetter } from '../../../types';\nimport { updateFormState } from '@store/form/mutations';\n\n/**\n * This component listens for a confirmed event and redirects to the success url.\n */\n@Component({\n tag: 'sc-form-state-provider',\n shadow: true,\n})\nexport class ScFormStateProvider {\n /** Holds our state machine service */\n private _stateService = interpret(checkoutMachine);\n\n /** Loading states for different parts of the form. */\n @State() checkoutState = checkoutMachine.initialState;\n\n /** Set the state. */\n @Event() scSetCheckoutFormState: EventEmitter<FormState>;\n\n /** Set the state. */\n setState(name) {\n const { send } = this._stateService;\n updateFormState(name);\n return send(name);\n }\n\n /** Watch for checkout state changes and emit to listeners. */\n @Watch('checkoutState')\n handleCheckoutStateChange(state) {\n this.scSetCheckoutFormState.emit(state.value);\n }\n\n /** Init the state service. */\n componentWillLoad() {\n // Start state machine.\n this._stateService.subscribe(state => (this.checkoutState = state));\n this._stateService.start();\n }\n\n /** Remove state machine on disconnect. */\n disconnectedCallback() {\n this._stateService.stop();\n }\n\n /** Allow children to set the form state. */\n @Listen('scSetState')\n handleSetStateEvent(e) {\n this.setState(e.detail as FormStateSetter);\n }\n\n /** Update the state when the order is paid. */\n @Listen('scPaid')\n async handlePaid() {\n this.setState('PAID');\n }\n\n render() {\n // handle expired.\n if (this.checkoutState.value === 'expired') {\n return (\n <sc-block-ui>\n <div>{__('Please refresh the page.', 'surecart')}</div>\n </sc-block-ui>\n );\n }\n\n return <slot />;\n }\n}\n"],"version":3}