@clickview/lite 0.63.3-dev.0 → 0.64.0-rc.1

package/dist/scripts/5157-e38b666fce-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5157],{97535:(e,t,n)=>{n.r(t),n.d(t,{SignUpView:()=>O});var a=n(32735),r=n(23481),l=n(81886),i=n(20354),c=n(70624),o=n(65858),u=n(97947),s=n(83529),m=n(84789),g=n(60735),f=n(12754),d=n(53475),h=n(39151),b=n(31949),p=n(48015),v=n(79612),y=n(83421),U=n(14070),E=n(97291),C=n(70928);const P={left:"CJBwn",imageContainer:"r6On_",imagePosition:"ebaoC",image:"XQMl0"};function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function A(e){var t,n,r=(t=a.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=l.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=r[0],i=r[1];return a.useEffect((function(){if(e.imageUrl){var t=new Image;return t.onload=function(){return i(!0)},t.src=e.imageUrl,function(){return t.onload=null}}}),[]),a.createElement("div",{className:P.left},l&&a.createElement(a.Fragment,null,a.createElement("div",{className:P.imageContainer},a.createElement("div",{className:P.imagePosition},a.createElement("img",{className:P.image,src:e.imageUrl,alt:e.title})))))}var B=n(48456),S=n(63643),N=r.T.encloseNamespace("launchpad.signUp");function O(e){var t,n=(0,c.G)(g.D.BrazeClient),r=i.a.useBasicFetch(b.N.currentUser()),P=i.a.useBasicFetch(h.L.config());(0,v.M)({title:N("title")});var L=(0,p.M)(),O=i.a.useBasicFetch((null==L?void 0:L.countryCode)&&d.N.globalIdps(L.countryCode,f.x.Primary)),k=(0,S.c)();return a.useEffect((function(){r.hasCompleted&&r.data.isAuthenticated&&l.Q.C$.trigger({action:U.e.Dashboard.HOME,application:E.O.DASHBOARD})}),[r]),r.hasCompleted&&!(null===(t=r.data)||void 0===t?void 0:t.isAuthenticated)&&P.hasCompleted&&L&&k&&O.hasCompleted?a.createElement(y.Zf,{leftComponent:function(){return a.createElement(A,{title:"Sign Up",imageUrl:"/images/sign-up/fullscreen-dashboard.png"})}},a.createElement(u.h,{type:s.c.FullPage,initialValues:{email:e.email},location:o.LZ.SignUpPage,googleMapsApiKey:P.data.googleMapsApiKey,geoLocation:L,imageUrls:B.v,ajaxUrls:k,productName:m.X.Lite,pageAppLinkString:e.pageAppLinkString,getSignInUrl:function(e){return l.Q.C$.getHref({application:E.O.DEFAULT,action:U.e.Default.CHALLENGE,params:e})},logBrazeEvent:function(e){return C.F.logBrazeEvent(n,e)},globalIdps:O.data})):a.createElement(a.Fragment,null)}},83421:(e,t,n)=>{n.d(t,{Hq:()=>m,Zf:()=>d});var a=n(32735),r=n(54610),l=n(4594),i=n(67453),c=n(99742);const o={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=l.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m=[{bgUrl:c.W.LaunchPad.BG_1},{bgUrl:c.W.LaunchPad.BG_2},{bgUrl:c.W.LaunchPad.BG_3},{bgUrl:c.W.LaunchPad.BG_4},{bgUrl:c.W.LaunchPad.BG_5}],g=[{bgUrl:c.W.LaunchPad.PRODUCT.BG_1},{bgUrl:c.W.LaunchPad.PRODUCT.BG_2},{bgUrl:c.W.LaunchPad.PRODUCT.BG_3},{bgUrl:c.W.LaunchPad.PRODUCT.BG_4},{bgUrl:c.W.LaunchPad.PRODUCT.BG_5},{bgUrl:c.W.LaunchPad.PRODUCT.BG_6},{bgUrl:c.W.LaunchPad.PRODUCT.BG_7},{bgUrl:c.W.LaunchPad.PRODUCT.BG_8},{bgUrl:c.W.LaunchPad.PRODUCT.BG_9}];function f(e){switch(e){case l.E.Video:case l.E.Interactive:case l.E.Clip:return o.thumbnail;case l.E.Subject:case l.E.Playlist:return o.cover;case l.E.Series:return o.tallposter;default:return""}}function d(e){var t,n=u(a.useState(!1),2),l=n[0],c=n[1],s=u(a.useState(""),2),m=s[0],d=s[1],h=i.j.createUrl(e.imageUrl,{size:r.h2.Large}),b=g;return a.useEffect((function(){if(!h&&b&&0!==b.length){var e,t=(e=b)[Math.floor(Math.random()*e.length)];t.bgUrl&&d(t.bgUrl)}}),[]),a.useEffect((function(){if(h){var e=new Image;return e.onload=function(){return c(!0)},e.src=h,function(){return e.onload=null}}}),[]),a.createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():a.createElement("div",{className:"".concat(o.left," ").concat(m?"bg-blue d-flex align-items-center":"bg-light")},m?a.createElement("img",{className:"img-fluid",src:m,draggable:!1}):l&&a.createElement(a.Fragment,null,a.createElement("div",{className:o.blur,style:{backgroundImage:"url('".concat(h,"')")}}),a.createElement("div",{className:"".concat(o.imageContainer," ").concat(f(e.objectType))},a.createElement("div",{className:o.imagePosition},a.createElement("img",{className:o.image,src:h,alt:e.title}))))),a.createElement("div",{className:"".concat(o.right," bg-white d-flex flex-column")},a.createElement("div",{className:"position-absolute d-flex align-items-center ".concat(o.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?a.createElement(a.Fragment,{key:t}):a.createElement("a",{key:t,href:e.url,className:"info-link fw-semibold",onClick:e.onClick},e.text)}))),e.children))}}}]);
+//# sourceMappingURL=5157-e38b666fce-lite.chunk.js.map

package/dist/scripts/5157-e38b666fce-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/5157-e38b666fce-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/sign-up.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/SignUpLeftSide.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/SignUpView.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"left\":\"CJBwn\",\"imageContainer\":\"r6On_\",\"imagePosition\":\"ebaoC\",\"image\":\"XQMl0\"};","import React from 'react';\n\nimport styles from 'apps/launchpad/views/sign-up/sign-up.scss';\n\ninterface SignUpLeftSideProps {\n  title: string;\n  imageUrl: string;\n}\n\nexport function SignUpLeftSide(props: SignUpLeftSideProps): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!props.imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = props.imageUrl;\n    return () => img.onload = null;\n  }, []);\n  \n  return (\n    <div className={styles.left}>\n      {showImage &&\n        <>\n          <div className={styles.imageContainer}>\n            <div className={styles.imagePosition}>\n              <img className={styles.image} src={props.imageUrl} alt={props.title} />\n            </div>\n          </div>\n        </>\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { useInstanceSafe } from 'libs/common/react/hooks/UseInstance';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { MultiStepForm } from 'libs/shared/apps/sign-up/components/multi-step-form/MultiStepForm';\nimport { MultiStepFormTypes } from 'libs/shared/apps/sign-up/enums/MultiStepFormTypes';\nimport { SignUpProduct } from 'libs/shared/apps/sign-up/enums/SignUpProduct';\nimport { IdentityProvider } from 'libs/shared/apps/sign-up/interfaces/IdentityProvider';\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { AuthRequests } from 'libs/shared/flight-requests/AuthRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useGeoLocation } from 'libs/shared/hooks/useGeoLocation';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser } from 'libs/shared/interfaces';\nimport { BrazeClientService } from 'libs/shared/services/BrazeClientService';\n\nimport { Launchpad } from 'shared/components/launchpad/Launchpad';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LiteBrazeHelper } from 'shared/utils/LiteBrazeHelper';\n\nimport { SignUpLeftSide } from 'apps/launchpad/views/sign-up/SignUpLeftSide';\nimport { SignUpImages } from 'apps/sign-up/helpers/SignUpImages';\nimport { useGetSignUpAjaxUrls } from 'apps/sign-up/hooks/useGetSignUpAjaxUrls';\n\nconst namespace = 'launchpad.signUp';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface SignUpViewProps {\n  email?: string;\n  pageAppLinkString?: string;\n}\n\nexport function SignUpView(props: SignUpViewProps): JSX.Element {\n  const brazeClientService = useInstanceSafe<BrazeClientService>(SharedServices.BrazeClient);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  useSetPageMetadata({ title: getPhrase('title') });\n\n  const geoLocation = useGeoLocation();\n  const globalIdps = Flight.useBasicFetch<IdentityProvider[]>(\n    geoLocation?.countryCode && AuthRequests.globalIdps(geoLocation.countryCode, ProductId.Primary)\n  );\n\n  const ajaxUrls = useGetSignUpAjaxUrls();\n\n  React.useEffect(() => {\n    if (!currentUser.hasCompleted)\n      return;\n\n    if (currentUser.data.isAuthenticated) {\n      Core.AppLinkHelper.trigger({\n        action: Actions.Dashboard.HOME,\n        application: AppChannels.DASHBOARD\n      });\n      return;\n    }\n  }, [currentUser]);\n\n  const hasLoaded = (\n    currentUser.hasCompleted &&\n    !currentUser.data?.isAuthenticated &&\n    config.hasCompleted &&\n    geoLocation &&\n    ajaxUrls &&\n    globalIdps.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n  \n  return (\n    <Launchpad\n      leftComponent={() => (\n        <SignUpLeftSide\n          title='Sign Up'\n          imageUrl='/images/sign-up/fullscreen-dashboard.png'\n        />\n      )}\n    >\n      <MultiStepForm\n        type={MultiStepFormTypes.FullPage}\n        initialValues={{ email: props.email }}\n        location={LocationContext.SignUpPage}\n        googleMapsApiKey={config.data.googleMapsApiKey}\n        geoLocation={geoLocation}\n        imageUrls={SignUpImages}\n        ajaxUrls={ajaxUrls}\n        productName={SignUpProduct.Lite}\n        pageAppLinkString={props.pageAppLinkString}\n        getSignInUrl={options => Core.AppLinkHelper.getHref({\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.CHALLENGE,\n          params: options\n        })}\n        logBrazeEvent={options => LiteBrazeHelper.logBrazeEvent(brazeClientService, options)}\n        globalIdps={globalIdps.data}\n      />\n    </Launchpad>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nexport const LAUNCHPAD_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.BG_5 }\n];\n\nexport const LAUNCHPAD_PRODUCT_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_5 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_6 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_7 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_8 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_9 }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  { bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png' }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = LAUNCHPAD_PRODUCT_FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div\n          className={`${styles.left} ${image ? 'bg-blue d-flex align-items-center' : 'bg-light'}`}\n        >\n          {image ?\n            <img className='img-fluid' src={image} draggable={false} /> :\n            (showImage &&\n              <>\n                <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n                <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                  <div className={styles.imagePosition}>\n                    <img className={styles.image} src={imageUrl} alt={props.title} />\n                  </div>\n                </div>\n              </>\n            )\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["SignUpLeftSide","props","showImage","setShowImage","imageUrl","img","Image","onload","src","className","alt","title","getPhrase","LanguageService","SignUpView","brazeClientService","SharedServices","currentUser","UserRequests","config","ConfigRequests","useSetPageMetadata","geoLocation","useGeoLocation","globalIdps","countryCode","AuthRequests","ProductId","ajaxUrls","useGetSignUpAjaxUrls","hasCompleted","data","isAuthenticated","action","application","Launchpad","leftComponent","MultiStepForm","type","MultiStepFormTypes","initialValues","email","location","googleMapsApiKey","imageUrls","SignUpImages","productName","SignUpProduct","pageAppLinkString","getSignInUrl","options","params","logBrazeEvent","LiteBrazeHelper","LAUNCHPAD_FALLBACK_IMAGES","bgUrl","ImageUrls","LAUNCHPAD_PRODUCT_FALLBACK_IMAGES","mapObjectTypeToImageClass","objectType","MasterType","image","setImage","ImageHelper","size","IMAGE_URLS","length","urlLists","Math","floor","random","draggable","style","backgroundImage","links","map","link","key","hide","href","url","onClick","text","children"],"sourceRoot":""}

package/dist/scripts/8722-a9eac1941c-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8722],{408:(t,e,r)=>{r.d(e,{B:()=>o});var n=r(2948),a=r(86702);function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function o(){var t,e,r=(t=(0,n.D)(a.y.OPEN_IN_APP_DATA),e=1,function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);c=!0);}catch(t){u=!0,a=t}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,e)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return{trialAppLinkString:function(){if(r&&["videos","clips","series","playlists","topics","interactives"].includes(r.app)){var t=r.id;switch(r.app){case"videos":return"video:".concat(t);case"playlists":return"playlist:".concat(t);case"series":return"series:".concat(t);case"topics":return"topic:".concat(t);case"interactives":return"interactive:".concat(t);case"clips":return"clip:".concat(t)}}}()}}},5070:(t,e,r)=>{r.r(e),r.d(e,{StartSignUpView:()=>L});var n=r(32735),a=r(61404),i=r(81886),o=r(20354),l=r(70624),c=r(49985),u=r(65858),s=r(97947),p=r(83529),f=r(84789),y=r(17331),d=r(28366),g=r(60735),v=r(12754),m=r(53475),h=r(39151),b=r(48015),A=r(14070),S=r(97291),w=r(70928),k=r(48456),C=r(63643),E=r(408);function U(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);c=!0);}catch(t){u=!0,a=t}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,e)||function(t,e){if(t){if("string"==typeof t)return I(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?I(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function L(t){var e=(0,l.G)(g.D.BrazeClient),r=(0,E.B)().trialAppLinkString,I=U(n.useState("lg"),2),L=I[0],B=I[1],P=U(n.useState(),2),j=P[0],O=P[1],_=o.a.useBasicFetch(h.L.config()),D=(0,b.M)(),N=o.a.useBasicFetch((null==D?void 0:D.countryCode)&&m.N.globalIdps(D.countryCode,v.x.Primary)),x=(0,C.c)();function F(){t.closePopup();var e=y.i.filterBlacklistedKeys(j);c.k.logUserAction(e||{},{actionType:u.Vw.Click,location:u.LZ.SignUpPopup,entity:u.py.SignUp,descriptor:u.Yu.ClosePopup,workflowPhase:u.eu.Discard})}return _.hasCompleted&&D&&x&&N.hasCompleted?n.createElement(a.Z,{show:!0,onHide:F,size:L},n.createElement(a.Z.Body,{className:"mx-auto p-0 ".concat(d.Z.modalBody," w-100 position-relative")},n.createElement(s.h,{onStepUpdate:function(t){O(t),"completed"!==t.currentStepId?"lg"!==L&&B("lg"):B(void 0)},pageAppLinkString:r,close:F,type:p.c.Popup,location:u.LZ.SignUpPopup,googleMapsApiKey:_.data.googleMapsApiKey,geoLocation:D,imageUrls:k.v,ajaxUrls:x,productName:f.X.Lite,getSignInUrl:function(t){return i.Q.C$.getHref({application:S.O.DEFAULT,action:A.e.Default.CHALLENGE,params:t})},globalIdps:N.data,logBrazeEvent:function(t){return w.F.logBrazeEvent(e,t)}}))):n.createElement(n.Fragment,null)}}}]);
+//# sourceMappingURL=8722-a9eac1941c-lite.chunk.js.map

package/dist/scripts/8722-a9eac1941c-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8722-a9eac1941c-lite.chunk.js","mappings":"iQAKM,SAAUA,IACd,I,IAAOC,G,GAAa,OAAgC,sB,EAA+B,E,o4BAAnE,GA4BhB,MAAO,CACLC,mBA3BF,WACE,GAAKD,GAGa,CAAE,SAAU,QAAS,SAAU,YAAa,SAAU,gBACzDE,SAASF,EAAUG,KAAlC,CAIA,IAAMC,EAAKJ,EAAUI,GACrB,OAAQJ,EAAUG,KAChB,IAAK,SACH,MAAO,SAAP,OAAgBC,GAClB,IAAK,YACH,MAAO,YAAP,OAAmBA,GACrB,IAAK,SACH,MAAO,UAAP,OAAiBA,GACnB,IAAK,SACH,MAAO,SAAP,OAAgBA,GAClB,IAAK,eACH,MAAO,eAAP,OAAsBA,GACxB,IAAK,QACH,MAAO,QAAP,OAAeA,GAflB,CAiBH,CAGsBC,GAExB,C,szCCCM,SAAUC,EAAgBC,GAC9B,IAAMC,GAAqB,OAAoC,iBACvDP,GAAuB,SAAvBA,mBACoE,IAAxC,WAAmC,MAAK,GAApEQ,EAAS,KAAEC,EAAY,KACwB,IAA7B,aAA6B,GAA/CC,EAAI,KAAEC,EAAO,KAEfC,EAAS,kBAA6B,cAEtCC,GAAc,SACdC,EAAa,mBACjBD,aAAW,EAAXA,EAAaE,cAAe,eAAwBF,EAAYE,YAAa,cAGzEC,GAAW,SAEjB,SAASC,IACPX,EAAMY,aACN,IAAMC,EAAiB,0BAAiCT,GACxD,kBAA8BS,GAAkB,CAAC,EAAG,CAClDC,WAAY,WACZC,SAAU,iBACVC,OAAQ,YACRC,WAAY,gBACZC,cAAe,cAEnB,CAcA,OAAKZ,EAAOa,cAAiBZ,GAAgBG,GAAaF,EAAWW,aAInE,gBAAC,IAAK,CACJC,MAAI,EACJT,OAAQA,EACRU,KAAMnB,GAEN,gBAAC,SAAU,CAACoB,UAAS,sBAAiB,cAAgB,6BACpD,gBAAC,IAAa,CACZC,aAvBR,SAAsBnB,GACpBC,EAAQD,GAEmB,cAAvBA,EAAKoB,cAKS,OAAdtB,GACFC,EAAa,MALbA,OAAasB,EAMjB,EAcQC,kBAAmBhC,EACnBiC,MAAOhB,EAEPiB,KAAM,UACNb,SAAU,iBAEVc,iBAAkBvB,EAAOF,KAAKyB,iBAC9BtB,YAAaA,EACbuB,UAAW,IACXpB,SAAUA,EACVqB,YAAa,SACbC,aAAc,SAAAC,GAAO,OAAI,eAA2B,CAClDC,YAAa,YACbC,OAAQ,sBACRC,OAAQH,GACR,EACFzB,WAAYA,EAAWJ,KACvBiC,cAAe,SAAAJ,GAAO,OAAI,kBAA8BhC,EAAoBgC,EAAQ,MA5BnF,gCAiCX,C","sources":["file:///app/packages/projects/lite/src/apps/sign-up/hooks/useTrialAppLink.tsx","file:///app/packages/projects/lite/src/apps/sign-up/views/StartSignUpView.tsx"],"sourcesContent":["import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { DeepLinkViewModel } from 'shared/hooks/useDeepLinks';\n\nexport function useTrialAppLink() {\n  const [viewModel] = useViewModel<DeepLinkViewModel>(ViewModelKeys.OPEN_IN_APP_DATA);\n\n  function getTrialAppLinkString() {\n    if (!viewModel) {\n      return;\n    }\n    const validApps = [ 'videos', 'clips', 'series', 'playlists', 'topics', 'interactives' ];\n    if (!validApps.includes(viewModel.app)) {\n      return;\n    }\n\n    const id = viewModel.id;\n    switch (viewModel.app) {\n      case 'videos':\n        return `video:${id}`;\n      case 'playlists':\n        return `playlist:${id}`;\n      case 'series':\n        return `series:${id}`;\n      case 'topics':\n        return `topic:${id}`;\n      case 'interactives':\n        return `interactive:${id}`;\n      case 'clips':\n        return `clip:${id}`;\n    }\n  }\n\n  return {\n    trialAppLinkString: getTrialAppLinkString()\n  };\n}","import React from 'react';\nimport { Modal } from 'react-bootstrap';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/flight';\nimport { useInstanceSafe } from 'libs/common/react/hooks/UseInstance';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { MultiStepForm } from 'libs/shared/apps/sign-up/components/multi-step-form/MultiStepForm';\nimport { MultiStepFormTypes } from 'libs/shared/apps/sign-up/enums/MultiStepFormTypes';\nimport { SignUpProduct } from 'libs/shared/apps/sign-up/enums/SignUpProduct';\nimport { DataHelper } from 'libs/shared/apps/sign-up/helpers/DataHelper';\nimport { SignUpState } from 'libs/shared/apps/sign-up/hooks/useSignUpSteps/interfaces/SignUpState';\nimport { IdentityProvider } from 'libs/shared/apps/sign-up/interfaces/IdentityProvider';\nimport styles from 'libs/shared/apps/sign-up/layouts/popup-layout/popup-layout.scss';\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { AuthRequests } from 'libs/shared/flight-requests/AuthRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { useGeoLocation } from 'libs/shared/hooks/useGeoLocation';\nimport { Config } from 'libs/shared/interfaces';\nimport { BrazeClientService } from 'libs/shared/services/BrazeClientService';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LiteBrazeHelper } from 'shared/utils/LiteBrazeHelper';\n\nimport { SignUpImages } from 'apps/sign-up/helpers/SignUpImages';\nimport { useGetSignUpAjaxUrls } from 'apps/sign-up/hooks/useGetSignUpAjaxUrls';\nimport { useTrialAppLink } from 'apps/sign-up/hooks/useTrialAppLink';\n\ninterface StartSignUpViewProps {\n  closePopup: () => void;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StartSignUpView(props: StartSignUpViewProps): JSX.Element {\n  const brazeClientService = useInstanceSafe<BrazeClientService>(SharedServices.BrazeClient);\n  const { trialAppLinkString } = useTrialAppLink();\n  const [ modalSize, setModalSize ] = React.useState<'lg' | 'sm' | 'xl'>('lg');\n  const [ data, setData ] = React.useState<SignUpState>();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const geoLocation = useGeoLocation();\n  const globalIdps = Flight.useBasicFetch<IdentityProvider[]>(\n    geoLocation?.countryCode && AuthRequests.globalIdps(geoLocation.countryCode, ProductId.Primary)\n  );\n  \n  const ajaxUrls = useGetSignUpAjaxUrls();\n\n  function onHide(): void {\n    props.closePopup();\n    const dataWithoutPII = DataHelper.filterBlacklistedKeys(data);\n    AnalyticsHelper.logUserAction(dataWithoutPII || {}, {\n      actionType: UserAction.Click,\n      location: LocationContext.SignUpPopup,\n      entity: EntityType.SignUp,\n      descriptor: SignUpDescriptors.ClosePopup,\n      workflowPhase: WorkflowPhase.Discard\n    });\n  }\n\n  function onStepUpdate(data: SignUpState) {\n    setData(data);\n\n    if (data.currentStepId === 'completed') {\n      setModalSize(undefined);\n      return;\n    }\n\n    if (modalSize !== 'lg')\n      setModalSize('lg');\n  }\n\n  if (!config.hasCompleted || !geoLocation || !ajaxUrls || !globalIdps.hasCompleted)\n    return <></>;\n\n  return (\n    <Modal\n      show\n      onHide={onHide}\n      size={modalSize}\n    >\n      <Modal.Body className={`mx-auto p-0 ${styles.modalBody} w-100 position-relative`}>\n        <MultiStepForm\n          onStepUpdate={onStepUpdate}\n          pageAppLinkString={trialAppLinkString}\n          close={onHide}\n          \n          type={MultiStepFormTypes.Popup}\n          location={LocationContext.SignUpPopup}\n\n          googleMapsApiKey={config.data.googleMapsApiKey}\n          geoLocation={geoLocation}\n          imageUrls={SignUpImages}\n          ajaxUrls={ajaxUrls}\n          productName={SignUpProduct.Lite}\n          getSignInUrl={options => Core.AppLinkHelper.getHref({\n            application: AppChannels.DEFAULT,\n            action: Actions.Default.CHALLENGE,\n            params: options\n          })}\n          globalIdps={globalIdps.data}\n          logBrazeEvent={options => LiteBrazeHelper.logBrazeEvent(brazeClientService, options)}\n        />\n      </Modal.Body>\n    </Modal>\n  );\n}\n"],"names":["useTrialAppLink","viewModel","trialAppLinkString","includes","app","id","getTrialAppLinkString","StartSignUpView","props","brazeClientService","modalSize","setModalSize","data","setData","config","geoLocation","globalIdps","countryCode","ajaxUrls","onHide","closePopup","dataWithoutPII","actionType","location","entity","descriptor","workflowPhase","hasCompleted","show","size","className","onStepUpdate","currentStepId","undefined","pageAppLinkString","close","type","googleMapsApiKey","imageUrls","productName","getSignInUrl","options","application","action","params","logBrazeEvent"],"sourceRoot":""}