{"version":3,"file":"js/opt_in_widget-5ebe759d5f8b4e5995ff.js","mappings":"qMAWA,EAF0B,SAACA,GAAY,OAAK,gBAACC,EAAAA,YAAgBD,EAAU,E,4CCGvE,IAuCA,EAvCe,SAAH,OAAME,EAAa,EAAbA,cAAeC,EAAO,EAAPA,QAASC,EAAI,EAAJA,KAAMC,EAAO,EAAPA,QAASC,EAAK,EAALA,MAAK,OAC5D,gBAACC,EAAO,KACN,gBAACC,EAAI,CAACC,KAAK,6CACT,uBAAKC,IAAKC,EAAaC,IAAI,mBAE7B,gBAACC,EAAO,KACN,gBAACC,EAAM,KACHX,GAAWE,GACX,gBAACU,EAAQ,CACPN,KAAI,kBAAaP,GACjBc,MAAM,QACNC,MAAO,CAAEC,gBAAgB,QAAD,OAAUf,EAAO,UAEvC,gBAACgB,EAAA,QAAK,CAACC,OAAQf,EAAU,SAAW,aAE1CA,GACA,gBAACgB,EAAU,KAAC,6CACiCjB,EAAM,IACjD,8BAAQ,+BAAoC,wFAI9C,gBAACkB,EAAQ,KACLhB,GAAmB,YAAVA,GAAuB,gCAAE,8CAClC,gCAAE,+EAEA,2BACA,2BACA,yBACE,8BAAQ,2CAOZ,EAKNC,GAAO,mFAEaW,EAAe,iFAOnCV,GAAI,yMAcJK,GAAO,mMAWPE,GAAQ,oOAYRD,GAAM,yEAINS,GAAU,yXAuBVF,GAAa,OAAOE,EAAU,oBAAjB,CAAkB,sZAsB/BD,GAAW,OAAOC,EAAU,oBAAjB,CAAkB,2HC3InCC,IAAAA,SAAsB,CACpBC,cAAAA,EAAAA,EACAxB,YAAAA,EACA,gBAAiByB,G,kFCLJ,SAASD,EAAczB,GACpC,IAAQ2B,EAAQ3B,EAAR2B,IAMR,OAJAC,EAAAA,EAAAA,YAAU,WACRC,EAAAA,EAAAA,WAAuBF,EACzB,GAAG,CAACA,IAEG,IACT,C","sources":["webpack://shopify-sms-subscriptions/./app/javascript/public/components/OptInWidget.tsx","webpack://shopify-sms-subscriptions/./app/javascript/public/pages/OptIn/Result.tsx","webpack://shopify-sms-subscriptions/./app/javascript/packs/opt_in_widget.js","webpack://shopify-sms-subscriptions/./app/javascript/public/IssueTracking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Shop } from '@typings/Shop';\nimport { OptInWidget } from '@components/OptIn/OptInWidget';\n\ninterface Props {\n shop: Shop;\n}\n\nconst PublicOptInWidget = (props: Props) => ;\n\nexport default PublicOptInWidget;\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport backgroundImage from '@assets/images/opt-in-success/background.svg';\nimport rcLogoImage from '@assets/images/opt-in-success/recharge-logo.svg';\nimport { Shop } from '@typings/Shop';\nimport Waves from '@components/Image/Waves';\n\ninterface ShopWithValidity extends Shop {\n isValid: any;\n error: string;\n}\n\nconst Result = ({ shopifyDomain, logoUrl, name, isValid, error }: ShopWithValidity) => (\n \n \n \"Recharge\n \n \n
\n {(logoUrl && isValid && (\n \n )) || }\n
\n {(isValid && (\n \n Congrats! You've successfully opted-in to {name}{' '}\n SMS subscription management powered by RechargeSMS! Be on the lookout for\n a welcome text from us. ⚡️\n \n )) || (\n \n {(error && error === 'timeout' && <>The link has timed out. Please try again.) || (\n <>\n Oops! Looks like something went wrong. Please reach out to customer support.\n
\n
\n \n contact@idontknowouremaileither.com\n \n \n )}\n \n )}\n \n \n);\n\nexport default Result;\n\nconst Wrapper = styled.div`\n background-color: #191d48;\n background-image: url(${backgroundImage});\n background-position: center;\n background-size: cover;\n height: 100vh;\n padding: 20px;\n`;\n\nconst Logo = styled.a`\n bottom: 20px;\n display: block;\n left: 50%;\n position: absolute;\n transform: translateX(-50%);\n\n @media (min-width: 768px) {\n left: 20px;\n top: 20px;\n transform: none;\n }\n`;\n\nconst Content = styled.div`\n display: flex;\n gap: 40px;\n flex-direction: column;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: calc(100% - 40px);\n`;\n\nconst ShopLogo = styled.a`\n background-color: #fff;\n border-radius: 40px;\n display: block;\n height: 138px;\n margin: 0 auto;\n width: 138px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 90%;\n`;\n\nconst Center = styled.div`\n margin: 0 auto;\n`;\n\nconst ContentBox = styled.div`\n font-weight: 600;\n color: #191d48;\n font-size: 20px;\n line-height: 24px;\n margin: 0 auto;\n max-width: 470px;\n padding: 20px 26px;\n border-radius: 30px;\n position: relative;\n text-align: center;\n\n &:before {\n content: '';\n position: absolute;\n top: -11px;\n left: calc(50% - 18px);\n width: 0;\n border-left: 18px solid transparent;\n border-right: 18px solid transparent;\n }\n`;\n\nconst SuccessBox = styled(ContentBox)`\n border: 2px solid rgb(23, 204, 157);\n background-color: #ebf9f7;\n &:before {\n border-bottom: 13px solid #ebf9f7;\n border-top: 0 solid #ebf9f7;\n z-index: 3;\n }\n &:after {\n content: '';\n position: absolute;\n top: -13px;\n left: calc(50% - 18px);\n width: 0;\n border-bottom: 13px solid rgb(23, 204, 157);\n border-top: 0 solid rgb(23, 204, 157);\n border-left: 18px solid transparent;\n border-right: 18px solid transparent;\n z-index: 2;\n }\n`;\n\nconst ErrorBox = styled(ContentBox)`\n background-color: #fff1ee;\n &:before {\n border-bottom: 13px solid #fff1ee;\n border-top: 0 solid #fff1ee;\n }\n`;\n","// Support component names relative to this directory:\nimport ReactOnRails from 'react-on-rails';\n\nimport IssueTracking from 'public/IssueTracking';\nimport OptInWidget from 'public/components/OptInWidget';\nimport OptInResult from 'public/pages/OptIn/Result';\n\nimport './widget_styles.scss';\n\nReactOnRails.register({\n IssueTracking,\n OptInWidget,\n 'OptIn::Result': OptInResult,\n});\n","import { sentrySetup } from '@config/sentry';\nimport { useEffect } from 'react';\n\ninterface IssueTrackingProps {\n dsn: string;\n}\n\nexport default function IssueTracking(props: IssueTrackingProps) {\n const { dsn } = props;\n\n useEffect(() => {\n sentrySetup.initialize(dsn);\n }, [dsn]);\n\n return null;\n}\n"],"names":["props","OptInWidget","shopifyDomain","logoUrl","name","isValid","error","Wrapper","Logo","href","src","rcLogoImage","alt","Content","Center","ShopLogo","title","style","backgroundImage","Waves","status","SuccessBox","ErrorBox","ContentBox","ReactOnRails","IssueTracking","OptInResult","dsn","useEffect","sentrySetup"],"sourceRoot":""}