{"version":3,"file":"scripts/chunks/_app_app_components_organisms_O63-SignUp_index_ts.16967d694a08cd632b6d.mjs","mappings":"qLAaA,IAT8BA,GAC5BC,EAAAA,cAAA,OAAAC,EAAAA,EAAAA,GAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAAgBL,GAClDC,EAAAA,cAAA,QACEK,SAAS,UACTC,EAAE,+F,uGCAR,MAAQC,IAAGA,GAAKC,EAAAA,EAAWC,aCP3B,CAAgB,cAAc,qBAAqB,UAAY,qBAAqB,uBAAuB,8BAA8B,iBAAmB,8BAA8B,gCAAgC,uCAAuC,wBAA0B,uCAAuC,OAAS,gBAAgB,qBAAqB,4BAA4B,eAAiB,4BAA4B,8BAA8B,qCAAqC,sBAAwB,qCAAqC,cAAc,qBAAqB,UAAY,qBAAqB,cAAc,qBAAqB,WAAa,qBAAqB,IAAM,aAAa,aAAa,oBAAoB,UAAY,sBDkBrvBC,EAASC,IAAA,IAAC,YACrBC,EAAW,SACXC,EAAQ,iBACRC,EAAgB,cAChBC,EAAa,gBACbC,EAAe,SACfC,EAAQ,mBACRC,EAAkB,kBAClBC,EAAiB,gBACjBC,EAAe,aACfC,EAAY,cACZC,EAAa,mBACbC,EAAkB,WAClBC,EAAU,aACVC,EAAY,UACZC,EAAS,eACTC,EAAc,eACdC,EAAc,iBACdC,EAAgB,YAChBC,EAAW,cACXC,GACOpB,EAAA,OACPX,EAAAA,cAAA,OACEgC,UAAWC,EAAAA,CAAO,GAAG1B,EAAI,eAAe,MAASmB,KAAaD,EAAe,eAAiB,MAC5FK,EAAcvB,EAAI,qBAAqB,GAAQ,MAC7CwB,KAEJ/B,EAAAA,cAAA,OAAKgC,UAAWzB,EAAI,uBACjBM,GAAYb,EAAAA,cAAA,MAAIgC,UAAW,GAAGzB,EAAI,8DAA+DM,GACjGD,GAAeZ,EAAAA,cAAA,KAAGgC,UAAWC,EAAAA,CAAO,qBAAqB1B,EAAI,kBAAmBK,GAChFE,GACCd,EAAAA,cAAA,UACEkC,KAAK,SACLC,QAAUC,GAAMA,EAAEC,iBAClB,iBAAgBpB,GAAYD,EAC5BgB,UAAWC,EAAAA,CAAO,GAAG1B,EAAI,OAAO,0CAC9BuB,EAAc,kBAAoB,KAEpC,eAAcf,EACd,qBAAmB,4CACnB,oBAAmBG,EACnB,2BAA0BC,EAC1B,yBAAwBC,EACxB,6BAA4BC,EAC5B,8BAA6BC,EAC7B,sCAAqCC,EACrC,oBAAmBC,GAElBK,EACAF,GACC3B,EAAAA,cAAA,QAAMgC,UAAU,0BACdhC,EAAAA,cAACsC,EAAAA,EAAS,SAMpBtC,EAAAA,cAAA,MAAIgC,UAAWC,EAAAA,CAAO,GAAG1B,EAAI,oCAAoCA,EAAI,aAAcqB,GAC/E,C,wJEvER,MAIapB,EAAa,CACxBC,aALoB8B,IAAc,CAClChC,IAAK,SAACiC,GAAY,IAAEC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAAQ,OAAKT,EAAAA,CAAO,GAAGM,EAAOC,MAASC,EAAaD,EAAO,IAAI,I,uDCDxF,MAAMP,EAAU,SAACY,GAAwD,QAAAC,EAAAJ,UAAAC,OAAtBI,EAAM,IAAAC,MAAAF,EAAA,EAAAA,EAAA,KAAAG,EAAA,EAAAA,EAAAH,EAAAG,IAANF,EAAME,EAAA,GAAAP,UAAAO,GAY5D,OAXoBJ,EAAQK,KAAKC,IAC7B,MAAMC,EAAML,EAAOM,QAEnB,OAAID,QACOD,EAGJ,GAAGA,IAAMC,GAAK,IACtBE,KAAK,IAEsBC,QAAQ,UAAW,KAAKC,MAE1D,C","sources":["webpack://rockworld/./app/components/atoms/icons/ArrowIcon.tsx","webpack://rockworld/./app/components/organisms/O63-SignUp/SignUp.tsx","webpack://rockworld/./app/components/organisms/O63-SignUp/SignUp.module.scss","webpack://rockworld/./app/helpers/css.ts","webpack://rockworld/./app/utils/tidy-str.ts"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\r\n\r\ntype Props = SVGProps<SVGSVGElement>;\r\n\r\nconst ArrowIcon: FC<Props> = (props) => (\r\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" {...props}>\r\n    <path\r\n      fillRule=\"nonzero\"\r\n      d=\"M11.166 8.81l-2.962 3.308 1.118 1 4.55-5.083L9.316 3 8.204 4.007l2.989 3.302H1v1.5h10.166z\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport default ArrowIcon;\r\n","import React from 'react';\r\nimport { cssHelpers } from 'app/helpers';\r\nimport { tidyStr } from '@utils/tidy-str';\r\nimport ArrowIcon from '@atoms/icons/ArrowIcon';\r\nimport { BaseSignUpButton } from './Buttons/types';\r\n\r\nimport styles from './SignUp.module.scss';\r\n\r\nconst { css } = cssHelpers.createStyles(styles);\r\n\r\nexport interface SignUp extends Omit<BaseSignUpButton, 'signUpButton'> {\r\n  formName?: string;\r\n  extensions: string;\r\n  cssExtensions?: string;\r\n  cardClass?: string;\r\n  showArrowRight?: boolean;\r\n  isSecondary?: boolean;\r\n}\r\n\r\nexport const SignUp = ({\r\n  description,\r\n  headline,\r\n  hasMarketoFormId,\r\n  marketoFormId,\r\n  marketoFormName,\r\n  formName,\r\n  marketoFormPurpose,\r\n  showSubmitMessage,\r\n  dontFollowupUrl,\r\n  submitHeader,\r\n  submitMessage,\r\n  sendAnotherMessage,\r\n  extensions,\r\n  hideOnMobile,\r\n  cardClass,\r\n  showArrowRight,\r\n  successMessage,\r\n  signUpButtonText,\r\n  isSecondary,\r\n  cssExtensions,\r\n}: SignUp) => (\r\n  <div\r\n    className={tidyStr`${css('O63-sign-up', true)} ${cardClass} ${hideOnMobile ? 'is-hidden-xs' : ''} ${\r\n      isSecondary ? css('sign-up-secondary', true) : ''\r\n    } ${cssExtensions}`}\r\n  >\r\n    <div className={css('O63-sign-up__inner')}>\r\n      {headline && <h4 className={`${css('O63-sign-up__inner__heading')} O63-sign-up__inner__heading`}>{headline}</h4>}\r\n      {description && <p className={tidyStr`O63-sign-up__text ${css('body-text-2')}`}>{description}</p>}\r\n      {hasMarketoFormId && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={(e) => e.preventDefault()}\r\n          data-form-name={formName || marketoFormName}\r\n          className={tidyStr`${css('btn', true)} is-small js-contact-form-fullscreen ${\r\n            isSecondary ? 'btn--secondary ' : ''\r\n          }`}\r\n          data-form-id={marketoFormId}\r\n          data-form-post-url=\"/custom-routes/personalization/submitform\"\r\n          data-form-purpose={marketoFormPurpose}\r\n          data-show-submit-message={showSubmitMessage}\r\n          data-dont-followup-url={dontFollowupUrl}\r\n          data-submit-message-header={submitHeader}\r\n          data-submit-message-content={submitMessage}\r\n          data-submit-message-resubmit-button={sendAnotherMessage}\r\n          data-display-mode={extensions}\r\n        >\r\n          {signUpButtonText}\r\n          {showArrowRight && (\r\n            <span className=\"icon icon--arrow-right\">\r\n              <ArrowIcon />\r\n            </span>\r\n          )}\r\n        </button>\r\n      )}\r\n    </div>\r\n    <h4 className={tidyStr`${css('O63-sign-up__heading--success')} ${css('hidden')}`}>{successMessage}</h4>\r\n  </div>\r\n);\r\n","// extracted by mini-css-extract-plugin\nexport default {\"O63-sign-up\":\"O63-sign-up__YagZI\",\"o63SignUp\":\"O63-sign-up__YagZI\",\"O63-sign-up__heading\":\"O63-sign-up__heading__WAAsD\",\"o63SignUpHeading\":\"O63-sign-up__heading__WAAsD\",\"O63-sign-up__heading--success\":\"O63-sign-up__heading--success__fP6EF\",\"o63SignUpHeadingSuccess\":\"O63-sign-up__heading--success__fP6EF\",\"hidden\":\"hidden__RntXJ\",\"O63-sign-up__inner\":\"O63-sign-up__inner__x6gHb\",\"o63SignUpInner\":\"O63-sign-up__inner__x6gHb\",\"O63-sign-up__inner__heading\":\"O63-sign-up__inner__heading__xEsRO\",\"o63SignUpInnerHeading\":\"O63-sign-up__inner__heading__xEsRO\",\"body-text-2\":\"body-text-2__clGWZ\",\"bodyText2\":\"body-text-2__clGWZ\",\"is-tertiary\":\"is-tertiary__q7c94\",\"isTertiary\":\"is-tertiary__q7c94\",\"btn\":\"btn__yswZg\",\"box-shadow\":\"box-shadow__TGwVi\",\"boxShadow\":\"box-shadow__TGwVi\"};","import { tidyStr } from '@utils/tidy-str';\r\n\r\ntype Styles = {\r\n  [key: string]: string;\r\n};\r\n\r\nconst createStyles = (styles: Styles) => ({\r\n  css: (name: string, includeRaw = false) => tidyStr`${styles[name]} ${includeRaw ? name : ''}`,\r\n});\r\n\r\nexport const cssHelpers = {\r\n  createStyles,\r\n};\r\n","/**\r\n * ```\r\n * Strip string template literal values from undefined / null values and double whitespaces\r\n * Example: tidyStr` lorem  ${1}    ipsum ${2} dolor set ${4} ${5} amet...  ` => 'lorem 1 ipsum 2 dolor set 4 5 amet...'\r\n * ```\r\n */\r\nexport const tidyStr = (strings: TemplateStringsArray, ...values: unknown[]) => {\r\n    const filteredStr = strings.map((str) => {\r\n        const val = values.shift();\r\n\r\n        if (val === undefined || val === null) {\r\n            return str;\r\n        }\r\n\r\n        return `${str}${val}`;\r\n    }).join('');\r\n\r\n    const outputStr = filteredStr.replace(/\\s{2,}/g, ' ').trim();\r\n    return outputStr;\r\n}\r\n"],"names":["props","React","_extends","width","height","viewBox","fillRule","d","css","cssHelpers","createStyles","SignUp","_ref","description","headline","hasMarketoFormId","marketoFormId","marketoFormName","formName","marketoFormPurpose","showSubmitMessage","dontFollowupUrl","submitHeader","submitMessage","sendAnotherMessage","extensions","hideOnMobile","cardClass","showArrowRight","successMessage","signUpButtonText","isSecondary","cssExtensions","className","tidyStr","type","onClick","e","preventDefault","ArrowIcon","styles","name","includeRaw","arguments","length","undefined","strings","_len","values","Array","_key","map","str","val","shift","join","replace","trim"],"sourceRoot":""}