{
  "version": 3,
  "sources": ["../../payment/checkout_button.tsx"],
  "sourcesContent": ["import * as React from \"react\"\nimport {ui_actions} from \"../state/index\"\nimport {Button} from \"@cling/lib.web.mdc\"\nimport {i18n} from \"@cling/lib.web.i18n\"\n\ntype CheckoutButtonProps = {\n    on_checkout_dialog_open?: () => void\n}\n\nexport const CheckoutButton = ({on_checkout_dialog_open}: CheckoutButtonProps) => {\n    const checkout_pro = React.useCallback(() => {\n        on_checkout_dialog_open?.()\n        // We delay opening the checkout dialog a bit because `on_checkout_dialog_open` might\n        // interfere with opening that dialog. (It may call `ui_actions.close_dialog()` which would\n        // close the checkout dialog, too.)\n        setTimeout(() => ui_actions.open_checkout_dialog(), 100)\n    }, [on_checkout_dialog_open])\n\n    return (\n        <div className=\"checkout-button\">\n            <Button raised secondary onClick={checkout_pro} data-test-id=\"CheckoutButton\">\n                {i18n.try_cling_pro}\n            </Button>\n        </div>\n    )\n}\n"],
  "mappings": "qLAAAA,IASO,IAAMC,EAAiBC,EAAA,CAAC,CAAC,wBAAAC,CAAuB,IAA2B,CAC9E,IAAMC,EAAqBC,EAAY,IAAM,CACzCF,IAA0B,EAI1B,WAAW,IAAMG,EAAW,qBAAqB,EAAG,GAAG,CAC3D,EAAG,CAACH,CAAuB,CAAC,EAE5B,OACII,EAAC,OAAI,UAAU,mBACXA,EAACC,EAAA,CAAO,OAAM,GAAC,UAAS,GAAC,QAASJ,EAAc,eAAa,kBACxDK,EAAK,aACV,CACJ,CAER,EAhB8B",
  "names": ["init_compat_module", "CheckoutButton", "__name", "on_checkout_dialog_open", "checkout_pro", "q", "ui_actions", "_", "Button", "i18n"]
}