@zeniai/web-components 3.16.42 → 3.16.44

package/dist/AccountsPromoCardStack-D_Qh8nXf.cjs

@@ -1,207 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),S=require("react"),e=require("./index-BP5gPMlL.cjs"),J=require("./SummaryCard-TgfBsMeO.cjs"),n=require("@emotion/styled"),K=require("@zeniai/client-epic-state"),M=require("./NavigationArrow-C-8XBjRE.cjs"),Q=require("./NavigationDots-BhAn9Fc2.cjs"),R=require("@emotion/react"),ee="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-1.png",te="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-2.png",oe="https://storage.googleapis.com/zeni-apis.appspot.com/images/face-3.png",w=(t,r)=>{const i=t==="right"?`-${r}%`:`${r}%`;return R.keyframes`
-0% {
-  opacity: 0;
-  transform: translateX(${i});
-}
-100%{
-  opacity: 1;
-  transform: translateX(0%);
-}
-`},ne=R.keyframes`
-0% {
-  height: 0;
-}
-100%{
-  height: ${e.Space.sp10};
-}
-`,re=(t,r)=>{const i=r*100,s=t==="up"?"0%":`-${r*100}%`,a=t==="up"?`-${i}%`:"0%";return R.keyframes`
-    0% {
-      transform: translateY(${s});
-    }
-    100%{
-      transform: translateY(${a});
-    }
-  `},se=(t,r)=>{const i=t==="down"?`-${r*100}%`:"0%";return R.css`
-    transform: translateY(${i});
-  `},N=R.css`
-  width: ${e.Space.sp7};
-  height: ${e.Space.sp7};
-  border-radius: 50%;
-  border: 2px solid ${e.Colors.neutralGrey5Light};
-`,ie=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  max-height: 225px;
-  gap: ${e.Space.sp2};
-  margin-bottom: ${e.Space.sp4};
-  padding: ${e.Space.sp0} ${e.Space.sp2};
-`,ae=n(e.StandardRegularSp)`
-  text-align: center;
-  max-width: 222px;
-  white-space: pre-line;
-  color: ${t=>t.theme.colors.zeniAccountsPromoDetailTextColor};
-`,ce=n.div`
-  min-height: 95px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: ${e.Space.sp2};
-`,_=n.div`
-  overflow: hidden;
-  display: flex;
-`,T=n(e.H1Regular)`
-  ${e.textStyles.accountsPromoHighlightText.css};
-  color: ${t=>t.theme.colors.zeniAccountsPromoCardHighlightText};
-`,le=n(e.StandardRegular)`
-  color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
-`,pe=n(e.SvgZeniIconOnly)`
-  color: ${e.Colors.brandColorJade};
-  height: ${e.Space.sp4};
-  width: ${e.Space.sp4};
-`,ue=n(e.SvgBankBuilding)`
-  height: ${e.Space.sp4};
-  width: ${e.Space.sp4};
-  color: ${t=>t.theme.colors.grey1};
-`,me=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 20px;
-  margin-right: ${e.Space.sp2};
-`,de=n.div`
-  height: 100%;
-  width: 1px;
-  background-color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
-  margin-right: 2px;
-`,xe=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: ${e.Space.sp2};
-  overflow: hidden;
-`,he=n.div`
-  display: flex;
-  align-items: center;
-  gap: ${e.Space.sp1};
-  animation: ${w("right",100)} normal 0.3s 1
-    forwards;
-`,ge=n.div`
-  height: 34px;
-  width: ${e.Space.sp5};
-  border-radius: ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0};
-  background-color: ${e.Colors.brandColorGold};
-`,fe=n.div`
-  display: flex;
-  align-items: center;
-  height: 34px;
-  width: 168px;
-  border-radius: ${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1} ${e.Space.sp0};
-  background-color: ${e.Colors.brandColorJade};
-  opacity: 0;
-  animation: ${w("right",100)} normal 0.5s 1
-    forwards;
-  animation-delay: 0.5s;
-`,je=n(e.LargeRegular)`
-  color: ${t=>t.theme.colors.brandColorOnyx};
-  margin-left: ${e.Space.sp3};
-  margin-right: ${e.Space.sp1};
-`,L=n(e.SuperSmallRegular)`
-  color: ${t=>t.isZeniProgressBar?t.theme.colors.brandColorOnyx:t.theme.colors.primary};
-`,Ce=n.div`
-  width: 2px;
-  height: ${e.Space.sp0};
-  background-color: ${e.Colors.important};
-  transform: rotate(64deg);
-  position: absolute;
-  top: ${e.Space.sp1};
-  right: ${e.Space.sp0};
-  transform-origin: top;
-  animation: ${ne} normal 0.6s 1 forwards;
-  animation-delay: 0.6s;
-`,V=n.div`
-  opacity: 0;
-  transform: translateX(-50%);
-  animation: ${w("right",50)} normal 0.6s 1
-    forwards;
-  animation-delay: 1.2s;
-`,Se=n.div`
-  max-height: ${e.Space.sp6};
-  animation: 1s normal 0.5s 1
-    ${t=>re(t.direction,t.stepCount)};
-  animation-fill-mode: forwards;
-  ${t=>se(t.direction,t.stepCount)}
-`,ye=n.div`
-  display: flex;
-`,D=n.div`
-  margin-right: -${e.Space.sp3};
-  opacity: 0;
-  transform: translateX(50%);
-  animation: ${w("left",75)} ease-out 0.3s 1
-    forwards;
-`,I=n.img`
-  ${N}
-`,$e=n(D)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: ${e.Space.sp3};
-  ${N}
-  background-color:${e.Colors.brandColorGold};
-`,Ae=n(e.H6Regular)`
-  color: ${t=>t.theme.colors.brandColorOnyx};
-`,Re=n(e.SvgArrowTailRight)`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  color: ${t=>t.theme.colors.zeniAccountsPromoCardHighlightText};
-  path {
-    stroke-width: 2px;
-  }
-`,q=(t,r)=>{const{common:i}=e.appLocale.getLocalizedStrings();switch(t){case"keepInterest":case"noHiddenFees":return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:r.map((s,a)=>o.jsxRuntimeExports.jsx(Se,{className:"card-highlight-text-stack",direction:s.direction,stepCount:s.stepCount,children:s.values.map((u,x)=>o.jsxRuntimeExports.jsx(T,{className:"card-highlight-text",children:u},`${u}_${x}`))},`${s.direction}_${a}`))});case"protectCash":return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(me,{children:[o.jsxRuntimeExports.jsx(ue,{}),o.jsxRuntimeExports.jsx(pe,{})]}),o.jsxRuntimeExports.jsx(de,{}),o.jsxRuntimeExports.jsxs(xe,{children:[o.jsxRuntimeExports.jsxs(he,{children:[o.jsxRuntimeExports.jsx(ge,{}),o.jsxRuntimeExports.jsxs(L,{isZeniProgressBar:!1,children:[r[0].values[0]," ",i.texts.insured]})]}),o.jsxRuntimeExports.jsxs(fe,{children:[o.jsxRuntimeExports.jsx(je,{children:r[0].values[1]}),o.jsxRuntimeExports.jsx(L,{isZeniProgressBar:!0,style:{marginTop:"6px"},children:i.texts.insured})]})]})]});case"freeWire":return o.jsxRuntimeExports.jsxs(_,{style:{gap:e.Space.sp2},children:[o.jsxRuntimeExports.jsxs(T,{style:{position:"relative"},children:[r[0].values[0],o.jsxRuntimeExports.jsx(Ce,{})]}),o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(V,{children:o.jsxRuntimeExports.jsx(Re,{})})}),o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(V,{style:{animationDelay:"1.5s"},children:r[0].values[1]})})]});case"expertSupport":return o.jsxRuntimeExports.jsxs(ye,{children:[o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.2s"},children:o.jsxRuntimeExports.jsx(I,{src:ee})}),o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.4s",zIndex:1},children:o.jsxRuntimeExports.jsx(I,{src:te})}),o.jsxRuntimeExports.jsx(D,{style:{animationDelay:"0.6s",zIndex:2},children:o.jsxRuntimeExports.jsx(I,{src:oe})}),o.jsxRuntimeExports.jsx($e,{style:{animationDelay:"0.8s",zIndex:3},children:o.jsxRuntimeExports.jsxs(Ae,{children:[" ",r[0].values[0]]})})]})}};let O;function Ee({zeniAccountsPromoCardContent:t,showConfetti:r}){const[i]=e.useAnimation("Confetti"),s=o.useTheme(),[a,u]=S.useState(!1);S.useEffect(()=>(r&&(O=setTimeout(()=>{u(!0)},2e3)),()=>{clearTimeout(O),u(!1)}),[r]);const{prefix:x,header:p,headerAnimationData:m,showAnimation:f,key:h}=t;return o.jsxRuntimeExports.jsxs(ie,{children:[r&&a&&i!=null?o.jsxRuntimeExports.jsx(o.Lottie,{loop:!1,play:!0,onComplete:()=>{u(!1)},segments:[100,299],animationData:i,style:{position:"absolute",top:`-${e.Space.sp8}`,left:e.Space.sp0},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null,o.jsxRuntimeExports.jsxs(ce,{children:[p!=null?o.jsxRuntimeExports.jsx(le,{children:p}):null,o.jsxRuntimeExports.jsx(_,{children:f?q(h,m):null})]}),o.jsxRuntimeExports.jsx(ae,{themeContext:s,children:x})]})}const ve=n(e.Card)`
-  flex-wrap: wrap;
-  overflow: hidden;
-  & .styledNav {
-    margin-left: -${e.Space.sp1};
-    margin-right: -${e.Space.sp1};
-    background-color: ${t=>t.theme.colors.zeniAccountsPromoNavigationArrowColor};
-  }
-`,Te=n(e.CardContentBox)`
-  flex-direction: row;
-  justify-content: space-between;
-  margin: 2px;
-  background-color: ${t=>t.theme.colors.zeniAccountsPromoBackgroundColor};
-  border-radius: ${e.Space.sp2};
-`,H=n.div`
-  display: flex;
-  flex-direction: column;
-`,be=n.div`
-  border: 1px solid
-    ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
-  border-radius: ${e.Space.sp2};
-  background: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
-  cursor: pointer;
-  display: flex;
-  padding: 6px ${e.Space.sp3};
-  justify-content: space-around;
-  align-items: center;
-  &:hover {
-    background: ${t=>t.theme.colors.zeniAccountsPromoButtonHoverColor};
-    border: 1px solid
-      ${t=>t.theme.colors.zeniAccountsPromoButtonHoverColor};
-  }
-`,ke=n(e.SmallRegular)`
-  color: ${t=>t.theme.colors.zeniAccountsPromoButtonTextColor};
-`,De=n.div`
-  margin-top: ${e.Space.sp4};
-  margin-bottom: ${e.Space.sp3};
-`,we=n(e.SmallRegular)`
-  color: ${t=>t.theme.colors.zeniAccountsPromoCardTitle};
-  text-align: center;
-`,Pe=n.div`
-  width: 100%;
-  position: absolute;
-  bottom: 6px;
-`,ze=n(e.SuperSmallRegular)`
-  color: ${t=>t.theme.colors.zeniAccountsPromoButtonColor};
-`,b=e.appLocale.getLocalizedStrings().zeniAccountsPromoCard;function Be({analytics:t,cardPosition:r,card:i,data:s,activeCardIndex:a,isZeniAccountsSetUp:u,handleLearnMoreClick:x,handleCardNavigation:p}){const m=o.useTheme(),f=e.useGlobalInfoContext(),[h,g]=S.useState(0),[j,C]=S.useState(0),[P,A]=S.useState("left"),E=(l,y)=>{l.stopPropagation(),A(y);const G=y=="left"?a+1:a-1;t.trackZeniAccountsPromoCardClick(r,y==="left"?"Next":"Back"),p(v(G),y)},z=l=>{p(v(l),"left")};function d(l){g(l.targetTouches[0].clientX)}function X(l){C(l.targetTouches[0].clientX)}function v(l){return l<0?s.length+l:l%s.length}function Y(){h-j>50&&j!==0?(p(v(a+1),"left"),A("left"),g(0),C(0)):h-j<-50&&j!==0&&(p(v(a-1),"right"),A("right"),g(0),C(0))}const B=s.length>1,Z=K.hasZeniAccountsAdminLevelAccess(f.loggedInUserRoleMap);return o.jsxRuntimeExports.jsx(ve,{"data-testid":e.generateDataTestId("dashboard",i.cardType),style:{cursor:"default"},dimension:i.dimension,onTouchStart:l=>B?d(l):null,onTouchMove:l=>B?X(l):null,onTouchEnd:()=>B?Y():null,children:o.jsxRuntimeExports.jsxs(Te,{children:[o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(M.NavigationArrow,{"data-testid":e.generateDataTestId("dashboard-navigation-arrow-left",i.cardType),isSpendManagementPromoCard:!0,navType:"left",handleClick:E,promoColor:m.colors.zeniAccountsPromoButtonColor,promoBorderColor:m.colors.zeniAccountsPromoButtonColor})}),o.jsxRuntimeExports.jsxs(H,{style:{height:"100%",position:"relative",alignItems:"center"},children:[o.jsxRuntimeExports.jsx(De,{children:o.jsxRuntimeExports.jsx(we,{children:b.title})}),s.map((l,y)=>o.jsxRuntimeExports.jsx(e.CardContentAnimatedWrapper,{activeCardIndex:a,currentIndex:y,which:P,children:o.jsxRuntimeExports.jsx(Ee,{zeniAccountsPromoCardContent:l,showConfetti:a===2})},l.key)),o.jsxRuntimeExports.jsx(be,{onClick:()=>x(Z?u?"Move Money":"Sign Up for Free":"Learn More"),children:o.jsxRuntimeExports.jsx(ke,{children:Z?u?b.button:b.signUp:b.learnMore})}),o.jsxRuntimeExports.jsx(Q.NavigationDots,{spendManagementPromoCardActive:!0,numberOfDots:s.length,activeIndex:a,handleClick:z,promoColor:m.colors.zeniAccountsPromoButtonColor,promoColorHover:m.colors.zeniAccountsPromoNavigationDotHoverColor,style:{cursor:"default",position:"absolute",bottom:e.Space.sp5}}),a===0?o.jsxRuntimeExports.jsx(Pe,{children:o.jsxRuntimeExports.jsx(ze,{children:s[0].footer})}):null]}),o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(M.NavigationArrow,{"data-testid":e.generateDataTestId("dashboard-navigation-arrow-right",i.cardType),isSpendManagementPromoCard:!0,navType:"right",handleClick:E,promoColor:m.colors.zeniAccountsPromoButtonColor,promoBorderColor:m.colors.zeniAccountsPromoButtonColor})})]})})}const{zeniAccountsPromoCard:c,common:$}=e.appLocale.getLocalizedStrings(),k={key:"keepInterest",title:c.title,prefix:c.keepInterest.prefixDashboard,header:c.keepInterest.header,headerAnimationData:[],footer:c.keepInterest.footer,showAnimation:!0},F={key:"protectCash",title:c.title,prefix:c.protectCash.prefix,headerAnimationData:[],showAnimation:!0},Ie=[{key:"noHiddenFees",title:c.title,prefix:c.noHiddenFees.prefix,headerAnimationData:[{direction:"down",stepCount:6,values:c.noHiddenFees.headerAnimationData}],showAnimation:!0},{key:"freeWire",title:c.title,prefix:c.freeWire.prefix,headerAnimationData:[{direction:"right",stepCount:1,values:c.freeWire.headerAnimationData}],showAnimation:!0},{key:"expertSupport",title:c.title,prefix:c.expertSupport.prefix,header:c.expertSupport.header,headerAnimationData:[{direction:"left",stepCount:1,values:c.expertSupport.headerAnimationData}],showAnimation:!0}];function W({card:t,data:r,analytics:i,actions:s,isZeniAccountsEnabled:a,columnKey:u,index:x,dndProps:p}){const[m,f]=S.useState(0),h=d=>{f(d)},g=(u+1)*(x+1),j=d=>{i.trackZeniAccountsPromoCardClick(g,d),r.depositAccountId!=null?s.onCardBtnClick?.("zeni_accounts_promo_card",r.depositAccountId):s.onCardBtnClick?.("zeni_accounts_promo_card")},{maxInsuredAmount:C,maxPossibleInterest:P,maxAnnualPercentageYield:A,maxCashBalanceAvailable:E=0}=r;k.headerAnimationData=U(P??25e4),k.prefix=c.keepInterest.prefixDashboard.replace(/<amount>/,e.amountValueToString("0,0",E,$.currency.currencySymbol).toUpperCase()),k.footer=c.keepInterest.footer.replace(/<interest>/,A.toString()),F.headerAnimationData=[{direction:"right",stepCount:1,values:[...c.protectCash.headerAnimationData,e.amountValueToString(e.getAmountFormatString(C),C,$.currency.currencySymbol).toUpperCase()]}],F.prefix=c.protectCash.prefix.replace(/<amount>/,e.amountValueToString(e.getAmountFormatString(C),C,$.currency.currencySymbol).toUpperCase());const z=[k,F,...Ie];return o.jsxRuntimeExports.jsx(e.DraggedDiv,{isDragging:p?.draggedCardType!=null,isDragOver:p?.dragOverCard===t.cardType,draggable:!0,onDragStart:d=>p?.onDragStart(t.cardType,d),onDragOver:d=>p?.onDragOver(d,t.cardType),onDragLeave:d=>p?.onDragLeave(d),onDrop:d=>p?.onDrop(d,t.cardType),dimension:t.dimension,children:o.jsxRuntimeExports.jsx(J.SummaryCard,{card:t,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:o.jsxRuntimeExports.jsx(Be,{card:t,data:z,handleCardNavigation:h,activeCardIndex:m,handleLearnMoreClick:j,isZeniAccountsSetUp:a&&r.depositAccountId!=null,analytics:i,cardPosition:g})})},t.cardIndex)}S.memo(W);function U(t){const r=[],i=e.amountValueToString("0,0",Math.floor(t),$.currency.currencySymbol);for(let s=0;s<i.length;s++){const a=i[s],u={direction:"up",stepCount:0,values:[a]};if(a===$.currency.currencySymbol||a===$.strings.comma)r.push(u);else{const x=parseInt(i[s]),p=s===1&&x<=1?1:Math.floor(x/2),m=s%2===0?"down":"up",f=x-p,h=[];for(let g=0;g<=f;g++){const j=p+g;h.push(j.toString())}m==="down"&&h.reverse(),r.push({direction:m,stepCount:f,values:h})}}return r}exports.ZeniAccountsPromoCardStack=W;exports.amountToAnimationData=U;exports.getAnimatedDataStack=q;

package/dist/AddAddressForCardDrawer-CxqoVXCH.js

@@ -1,82 +0,0 @@
-import { u as b, j as i } from "./vendor-.pnpm-BZbZ6JJC.js";
-import { useEffect as x } from "react";
-import T from "@emotion/styled";
-import { u as y, aD as w, t as s, j as B, kl as C, S as e, a as j, R as l, D as n } from "./index-Dig6AEZA.js";
-const p = {
-  marginTop: new l(n[0], 18),
-  marginBottom: new l(n[0], n[3])
-}, {
-  spendManagement: {
-    chargeCard: { chargeCardsPromo: c }
-  },
-  common: v
-} = j.getLocalizedStrings(), M = ({
-  googleAPIKey: o,
-  customAddress: m,
-  customAddressStatus: t,
-  onDismissClick: r,
-  onSubmitHandler: g
-}) => {
-  const u = b(), a = y(), d = w(t.fetchState);
-  x(() => {
-    d === "In-Progress" && t.fetchState === "Completed" && r();
-  }, [t.fetchState, r, d]);
-  const h = a === "small" ? s.extraSmallRegular.cssObject : s.standardRegular.cssObject, S = a === "small" ? s.standardMedium.cssObject : s.h5Regular.cssObject;
-  return /* @__PURE__ */ i.jsx(P, { "data-testid": B("add-address-for-card-drawer"), children: /* @__PURE__ */ i.jsx(
-    C,
-    {
-      googleAPIKey: o,
-      loadingState: t.fetchState,
-      addressToEdit: m,
-      onSubmitHandler: (f) => g(f),
-      onCancel: r,
-      showNavbarWithClose: !0,
-      isSubPage: !0,
-      addTitleMessage: c.addAddress,
-      subTitleMessage: c.addAddressSubText,
-      hideAddressBackButton: !0,
-      showAddressCloseButton: !0,
-      dontShowSaveConfirmationPopup: !0,
-      customNavStyles: {
-        paddingTop: "19px",
-        paddingBottom: "19px"
-      },
-      customTitleStyles: {
-        marginTop: p.marginTop.valuePx(a),
-        marginBottom: p.marginBottom.valuePx(a),
-        ...S
-      },
-      subTitleStyles: {
-        marginTop: e.sp0,
-        marginBottom: e.sp0,
-        ...h,
-        color: u.colors.hero
-      },
-      navBarContainerStyles: {
-        alignItems: "center",
-        justifyContent: "space-between",
-        paddingTop: e.sp2,
-        paddingRight: e.sp3
-      },
-      sectionStyles: {
-        paddingTop: e.sp4,
-        paddingBottom: e.sp4
-      },
-      footerButtons: {
-        primaryButtonLabel: v.add,
-        buttonWidth: 82,
-        separatorStyle: {
-          marginRight: e.sp4
-        }
-      }
-    }
-  ) });
-}, P = T.div`
-  display: flex;
-  background-color: ${(o) => o.theme.colors.grey4};
-  height: 100%;
-  width: 100%;
-`;
-export {
-  M as default
-};

package/dist/AddAddressForCardDrawer-Dr3cXxzg.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-DHyNpoQL.cjs"),m=require("react"),h=require("@emotion/styled"),e=require("./index-BP5gPMlL.cjs"),d={marginTop:new e.ResponsiveSized(e.sp[0],18),marginBottom:new e.ResponsiveSized(e.sp[0],e.sp[3])},{spendManagement:{chargeCard:{chargeCardsPromo:i}},common:x}=e.appLocale.getLocalizedStrings(),y=({googleAPIKey:a,customAddress:c,customAddressStatus:t,onDismissClick:o,onSubmitHandler:p})=>{const l=r.useTheme(),s=e.useWindowSizeContext(),n=e.usePrevious(t.fetchState);m.useEffect(()=>{n==="In-Progress"&&t.fetchState==="Completed"&&o()},[t.fetchState,o,n]);const g=s==="small"?e.textStyles.extraSmallRegular.cssObject:e.textStyles.standardRegular.cssObject,u=s==="small"?e.textStyles.standardMedium.cssObject:e.textStyles.h5Regular.cssObject;return r.jsxRuntimeExports.jsx(b,{"data-testid":e.generateDataTestId("add-address-for-card-drawer"),children:r.jsxRuntimeExports.jsx(e.AddressFormPage$1,{googleAPIKey:a,loadingState:t.fetchState,addressToEdit:c,onSubmitHandler:S=>p(S),onCancel:o,showNavbarWithClose:!0,isSubPage:!0,addTitleMessage:i.addAddress,subTitleMessage:i.addAddressSubText,hideAddressBackButton:!0,showAddressCloseButton:!0,dontShowSaveConfirmationPopup:!0,customNavStyles:{paddingTop:"19px",paddingBottom:"19px"},customTitleStyles:{marginTop:d.marginTop.valuePx(s),marginBottom:d.marginBottom.valuePx(s),...u},subTitleStyles:{marginTop:e.Space.sp0,marginBottom:e.Space.sp0,...g,color:l.colors.hero},navBarContainerStyles:{alignItems:"center",justifyContent:"space-between",paddingTop:e.Space.sp2,paddingRight:e.Space.sp3},sectionStyles:{paddingTop:e.Space.sp4,paddingBottom:e.Space.sp4},footerButtons:{primaryButtonLabel:x.add,buttonWidth:82,separatorStyle:{marginRight:e.Space.sp4}}})})},b=h.div`
-  display: flex;
-  background-color: ${a=>a.theme.colors.grey4};
-  height: 100%;
-  width: 100%;
-`;exports.default=y;

package/dist/AddToWalletPage-BB8cNL9U.cjs

@@ -1,344 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),c=require("react"),C=require("@emotion/react"),s=require("@emotion/styled"),Q=require("@zeniai/client-epic-state"),t=require("./index-BP5gPMlL.cjs"),ee=require("./ChargeCardUtils-D3ZOUeEU.cjs"),p=require("./add-to-wallet-BjCX6PYO.cjs"),te=({options:e,selected:i,onToggle:x,containerStyle:r={},optionStyle:S={},thumbStyle:f={}})=>{const g=e.findIndex(a=>a.id===i),u=100/e.length,j=()=>g===0?{left:"1%"}:g===e.length-1?{left:`${(e.length-1)*u}%`}:{left:`${g*u}%`};return o.jsxRuntimeExports.jsxs(oe,{style:r,children:[o.jsxRuntimeExports.jsx(se,{style:{width:`${u-1}%`,...j(),...f}}),e.map(a=>o.jsxRuntimeExports.jsx(ie,{style:S,active:a.id===i,"data-testid":a.dataTestId,onClick:$=>{$.preventDefault(),x(a.id)},children:a.label},a.id))]})},oe=s.div`
-  position: relative;
-  width: 100%;
-  background: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: 100px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: ${t.Space.sp2} 0;
-  box-sizing: border-box;
-`,se=s.div`
-  position: absolute;
-  background: ${e=>e.theme.colors.grey5};
-  box-shadow: ${t.Space.sp0} 1px 2px ${t.Colors.boxShadowElevation};
-  border-radius: 50px;
-  transition:
-    left 0.3s ease,
-    width 0.3s ease;
-  z-index: 1;
-  padding-top: 20px;
-  padding-bottom: 20px;
-`,ie=s.button`
-  ${t.textStyles.smallMedium.cssObject};
-  position: relative;
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${e=>e.active?e.theme.colors.primary:t.Colors.heroLight};
-  z-index: 2;
-  cursor: pointer;
-  user-select: none;
-  border: none;
-  background: none;
-  padding: ${t.Space.sp0};
-  transition: color 0.3s ease;
-  padding-top: ${t.Space.sp1};
-  padding-bottom: ${t.Space.sp1};
-`,{spendManagement:{chargeCard:{chargeCardsPromo:E,cardDetails:l}}}=t.appLocale.getLocalizedStrings(),d={chargeCardWidth:new t.ResponsiveSized(200,384),chargeCardHeight:new t.ResponsiveSized(128,240),openWalletIconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),headingMarginTop:new t.ResponsiveSized(t.sp[4],t.sp[7]),headingMarginBottom:new t.ResponsiveSized(t.sp[6],t.sp[9])},m={headingFont:new t.ResponsiveSizedStyle("h6Medium","h4Regular"),subheadingFont:new t.ResponsiveSizedStyle("standardRegular","h6Regular"),walletTitleFont:new t.ResponsiveSizedStyle("standardSemiBold","largeSemiBold"),walletSubTitleFont:new t.ResponsiveSizedStyle("extraSmallRegular","standardRegular")},ne=(e,i,x)=>o.jsxRuntimeExports.jsxs(Ie,{translatePhone:e,showIphone:x,children:[o.jsxRuntimeExports.jsxs(ke,{children:[o.jsxRuntimeExports.jsx(Ge,{children:E.timeText}),o.jsxRuntimeExports.jsxs(Be,{children:[o.jsxRuntimeExports.jsx(Ae,{children:[...Array(4).keys()].map(r=>o.jsxRuntimeExports.jsx(Pe,{towerIndex:r},r))}),o.jsxRuntimeExports.jsx(Le,{children:o.jsxRuntimeExports.jsx(b,{className:"wave",children:o.jsxRuntimeExports.jsx(b,{className:"wave",children:o.jsxRuntimeExports.jsx(b,{className:"wave"})})})}),o.jsxRuntimeExports.jsx(Fe,{children:o.jsxRuntimeExports.jsx(Me,{})}),o.jsxRuntimeExports.jsx(He,{})]})]}),o.jsxRuntimeExports.jsxs(We,{children:[o.jsxRuntimeExports.jsxs(Re,{children:[o.jsxRuntimeExports.jsx(ve,{showTick:i}),o.jsxRuntimeExports.jsx(Ce,{showTick:i}),o.jsxRuntimeExports.jsx(Ee,{showTick:i}),o.jsxRuntimeExports.jsx(Te,{showTick:i}),o.jsxRuntimeExports.jsxs(Ve,{translateCardSkelton:e,children:[o.jsxRuntimeExports.jsx(Oe,{}),[...Array(4).keys()].map(r=>o.jsxRuntimeExports.jsx(Ne,{lineIndex:r},r))]}),i?null:o.jsxRuntimeExports.jsx(Je,{children:o.jsxRuntimeExports.jsx(t.Scanner,{scannerTheme:"light"})})]}),o.jsxRuntimeExports.jsx(qe,{showTick:i}),o.jsxRuntimeExports.jsx(De,{showTick:i,children:E.addToWallet})]}),o.jsxRuntimeExports.jsx(ze,{})]}),T=({tabType:e})=>{const i=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(xe,{children:[o.jsxRuntimeExports.jsxs(k,{children:[o.jsxRuntimeExports.jsx(ge,{children:o.jsxRuntimeExports.jsx(ue,{windowSize:i})}),o.jsxRuntimeExports.jsx(B,{windowSize:i,children:l.openWalletAppOnPhone})]}),o.jsxRuntimeExports.jsxs(z,{windowSize:i,children:[e==="apple"?l.openWalletDescriptionApple:l.openWalletDescriptionGoogle,o.jsxRuntimeExports.jsx(W,{})]}),o.jsxRuntimeExports.jsxs(k,{children:[o.jsxRuntimeExports.jsx(he,{children:o.jsxRuntimeExports.jsx(me,{windowSize:i})}),o.jsxRuntimeExports.jsx(B,{windowSize:i,children:l.verifyCard})]}),o.jsxRuntimeExports.jsxs(z,{windowSize:i,children:[e==="apple"?l.VerifyCardDescriptionApple:l.VerifyCardDescriptionGoogle,o.jsxRuntimeExports.jsx(W,{})]})]})},re=({onGotItClick:e,isDebitCard:i,controllerEmails:x,classListFetchState:r,isChargeCardFeatureEnabled:S,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:u,productInformation:j,creditAccountInformation:a,debitAccountInformation:$,chargeCardDetailView:A,creditAccount:P,creditAccountRepayment:L,cardIssuedByRoles:F,cardIssuedByDepartmentName:M,cardHolderRoles:H,cardHolderDepartmentName:G})=>{const n=t.useWindowSizeContext(),q=t.useToolkitContext().analytics,[w,D]=c.useState(!1),[R,V]=c.useState(!1),[N,O]=c.useState(!1),[J,X]=c.useState(!1),[y,U]=c.useState("apple"),Y=t.useGlobalInfoContext(),Z=Q.hasChargeCardAdminLevelAccess(Y.loggedInUserRoleMap),_=v=>{ee.fireCardsAddToWalletClick({chargeCardDetailView:A,classListFetchState:r,analytics:q,isDebitCard:i,isChargeCardAdmin:Z,cardIssuedByRoles:F,cardIssuedByDepartmentName:M,cardHolderRoles:H,cardHolderDepartmentName:G,controllerEmails:x,pageName:"Card Activation",addToWalletType:v==="apple"?"Apple Wallet":"Google Wallet",productInformation:j,creditAccountInformation:a,debitAccountInformation:$,isChargeCardFeatureEnabled:S,creditAccount:P,creditAccountRepayment:L}),U(v)};c.useEffect(()=>{setTimeout(()=>{D(!0)},i?9500:4500),setTimeout(()=>{V(!0)},i?9e3:4e3),setTimeout(()=>{O(!0)},i?10500:5500),setTimeout(()=>{X(!0)},i?15e3:1e4)},[i]);const K=w&&R,h=t.appLocale.getLocalizedStrings().spendManagement.chargeCard;return o.jsxRuntimeExports.jsx(Ze,{windowSize:n,children:o.jsxRuntimeExports.jsxs($e,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{navBarContainerStyles:{paddingTop:t.sp[2],alignItems:"center",paddingBottom:t.sp[2]},title:h.addToWallet.title,ignoreScrollAction:!0,showBackButton:!1,showMenuIcon:!1,transparentBackground:!0,source:"AddToWalletPage",style:{zIndex:3},titleStyle:{marginTop:t.sp[0]}}),o.jsxRuntimeExports.jsxs(ye,{windowSize:n,children:[o.jsxRuntimeExports.jsx(Xe,{windowSize:n,children:h.addToWallet.heading}),o.jsxRuntimeExports.jsx(Ue,{windowSize:n,children:h.addToWallet.subheading})]}),o.jsxRuntimeExports.jsxs(be,{windowSize:n,children:[n!=="small"?o.jsxRuntimeExports.jsx(Ke,{children:o.jsxRuntimeExports.jsxs(fe,{windowSize:n,children:[o.jsxRuntimeExports.jsxs(we,{windowSize:n,flipCard:w,scaleCard:R,children:[o.jsxRuntimeExports.jsx(t.PhysicalCardView,{isDebitCard:i}),o.jsxRuntimeExports.jsx(t.PhysicalCardBackView,{showCrossIcon:!1,isDebitCard:i})]}),ne(N,J,K)]})}):null,o.jsxRuntimeExports.jsxs(pe,{windowSize:n,children:[o.jsxRuntimeExports.jsx(ce,{children:o.jsxRuntimeExports.jsx(te,{options:[{id:"apple",dataTestId:"add-to-apple-wallet",label:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(je,{}),o.jsxRuntimeExports.jsx(I,{children:l.appleWallet})]})},{id:"google",dataTestId:"add-to-google-wallet",label:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Se,{}),o.jsxRuntimeExports.jsx(I,{children:l.googleWallet})]})}],optionStyle:{padding:"12px"},thumbStyle:{paddingTop:t.Space.sp4,paddingBottom:t.Space.sp4},containerStyle:{border:t.Space.sp0},selected:y,onToggle:_})}),o.jsxRuntimeExports.jsxs(ae,{children:[o.jsxRuntimeExports.jsx(le,{isActive:y==="apple",children:o.jsxRuntimeExports.jsx(T,{tabType:"apple"})}),o.jsxRuntimeExports.jsx(de,{isActive:y==="google",children:o.jsxRuntimeExports.jsx(T,{tabType:"google"})})]}),n!=="small"?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:h.addToWallet.gotIt,onClick:e,style:{width:"fit-content"},"data-testid":t.generateDataTestId("got-it-button-web")})}):null]})]}),n==="small"?o.jsxRuntimeExports.jsx(_e,{children:o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:h.addToWallet.gotIt,onClick:e,style:{width:"fit-content"},"data-testid":t.generateDataTestId("got-it-button-mobile")})}):null]})})},ae=s.div`
-  display: flex;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-`,le=s.div`
-  display: flex;
-  width: 100%;
-  position: absolute;
-  left: ${e=>e.isActive?t.Space.sp0:"-369px"};
-  transition: left 0.3s ease-in-out;
-`,de=s.div`
-  display: flex;
-  width: 100%;
-  position: absolute;
-  right: ${e=>e.isActive?t.Space.sp0:"-369px"};
-  transition: right 0.3s ease-in-out;
-`,W=s.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin: ${t.Space.sp3} ${t.Space.sp0};
-`,pe=s.div`
-  display: flex;
-  width: ${({windowSize:e})=>e==="small"?"100%":"369px"};
-  flex-direction: column;
-`,ce=s.div`
-  display: flex;
-  height: ${t.Space.sp8};
-  width: 100%;
-  border-radius: ${t.Space.sp12};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  background: ${e=>e.theme.colors.grey3};
-  position: relative;
-`,I=s(t.StandardMedium)`
-  text-transform: none;
-  margin-left: ${t.Space.sp2};
-  cursor: pointer;
-`,xe=s.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: ${t.Space.sp6};
-`,he=s.div`
-  padding: 12px;
-  border-radius: ${t.Space.sp4};
-  background: ${t.Colors.successLight};
-  display: flex;
-`,ge=s.div`
-  padding: 12px;
-  border-radius: ${t.Space.sp4};
-  background: ${e=>e.theme.colors.graphColor16Light};
-  display: flex;
-`,k=s.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.Space.sp3};
-`,B=s(t.StyledText)`
-  ${({windowSize:e})=>m.walletTitleFont.style(e)}
-  color: ${e=>e.theme.colors.primary};
-`,z=s(t.StyledText)`
-  ${({windowSize:e})=>m.walletSubTitleFont.style(e)}
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${t.Space.sp9};
-`,ue=s(p.SvgAddToWallet)`
-  width: ${({windowSize:e})=>d.openWalletIconWidthHeight.valuePx(e)};
-  height: ${({windowSize:e})=>d.openWalletIconWidthHeight.valuePx(e)};
-  color: ${e=>e.theme.colors.link};
-`,me=s(t.SvgVerified)`
-  width: ${({windowSize:e})=>d.openWalletIconWidthHeight.valuePx(e)};
-  height: ${({windowSize:e})=>d.openWalletIconWidthHeight.valuePx(e)};
-`,Se=s(p.SvgGoogleWallet)`
-  height: ${t.Space.sp4};
-  width: ${t.Space.sp4};
-`,je=s(p.SvgAppleWallet)`
-  height: ${t.Space.sp4};
-  width: ${t.Space.sp4};
-`,$e=s.div`
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-`,ye=s.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin-top: ${({windowSize:e})=>d.headingMarginTop.valuePx(e)};
-  margin-bottom: ${({windowSize:e})=>d.headingMarginBottom.valuePx(e)};
-`,be=s.div`
-  ${e=>e.windowSize==="small"?"height: 100%;":null};
-  display: flex;
-  justify-content: center;
-  ${e=>e.windowSize==="small"?C.css`
-          margin: ${t.Space.sp0} ${t.Space.sp3};
-        `:C.css`
-          width: 100%;
-        `};
-`,fe=s.div`
-  display: flex;
-  position: relative;
-  align-items: center;
-`,we=s.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: ${e=>d.chargeCardWidth.valuePx(e.windowSize)};
-  height: ${e=>d.chargeCardHeight.valuePx(e.windowSize)};
-  transform: ${e=>e.scaleCard?e.flipCard?"rotateY(180deg) scale(0.59)":"rotateY(0deg) scale(0.59)":"scale(1)"};
-  transition: transform 0.6s;
-  transform-style: preserve-3d;
-  border-radius: ${t.Space.sp2};
-  box-shadow: ${e=>`1px 3px ${t.Space.sp4} ${t.Space.sp0} ${e.theme.colors.chargeCardBackgroundShadow}`};
-`,Re=s.div`
-  position: relative;
-  height: 118px;
-  width: 182px;
-  margin: 13px;
-  margin-top: 60px;
-`,ve=s(p.SvgCornerBorderTopRight)`
-  height: 36px;
-  width: 36px;
-  position: absolute;
-  right: -${t.Space.sp2};
-  top: -${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.showTick?0:1};
-  transition: opacity 0.5s linear;
-`,Ce=s(p.SvgCornerBorderTopLeft)`
-  height: 36px;
-  width: 36px;
-  position: absolute;
-  left: -${t.Space.sp2};
-  top: -${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.showTick?0:1};
-  transition: opacity 0.5s linear;
-`,Ee=s(p.SvgCornerBorderBottomRight)`
-  height: 36px;
-  width: 36px;
-  position: absolute;
-  right: -${t.Space.sp2};
-  bottom: -${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.showTick?0:1};
-  transition: opacity 0.5s linear;
-`,Te=s(p.SvgCornerBorderBottomLeft)`
-  height: 36px;
-  width: 36px;
-  position: absolute;
-  left: -${t.Space.sp2};
-  bottom: -${t.Space.sp2};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.showTick?0:1};
-  transition: opacity 0.3s linear;
-`,We=s.div`
-  height: 88%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  overflow: hidden;
-`,Ie=s.div`
-  width: 230px;
-  height: 489px;
-  border: ${t.Space.sp1} solid ${e=>e.theme.colors.hero};
-  border-radius: ${t.Space.sp4};
-  background: ${t.Colors.brandColorPearl};
-  transform: ${e=>e.translatePhone?"translateX(-200px)":""};
-  transition: transform 0.3s ease-in;
-  margin-top: ${t.Space.sp11};
-  opacity: ${e=>e.showIphone?1:0};
-`,ke=s.div`
-  display: flex;
-  margin: ${t.Space.sp2} 10px ${t.Space.sp2} ${t.Space.sp3};
-  justify-content: space-between;
-  align-items: center;
-`,Be=s.div`
-  display: flex;
-  align-items: center;
-`,ze=s.div`
-  width: 76px;
-  display: flex;
-  border: 2px solid ${t.Colors.blackColor};
-  position: sticky;
-  bottom: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  right: ${t.Space.sp0};
-  margin: ${t.Space.sp2} auto;
-`,Ae=s.div`
-  display: flex;
-  align-items: flex-end;
-`,Pe=s.div`
-  height: ${e=>`${e.towerIndex+3}px`};
-  width: 2px;
-  margin-right: 1px;
-  background-color: ${e=>e.towerIndex===3?t.Colors.phoneSignalColor:t.Colors.blackColor};
-  border-radius: 0.5px;
-`,Le=s.div`
-  margin-top: ${t.Space.sp2};
-  & .wave {
-    border: 2px solid transparent;
-    border-top-color: currentColor;
-    border-radius: 50%;
-    border-style: solid;
-    margin: 1px;
-  }
-`,Fe=s.div`
-  border: 1px solid ${t.Colors.batteryBorderColor};
-  border-radius: 2px;
-`,Me=s.div`
-  width: 10px;
-  height: ${t.Space.sp1};
-  background-color: ${t.Colors.blackColor};
-  margin: 1px;
-  border-radius: 1px;
-`,He=s.div`
-  width: 1px;
-  height: 3px;
-  background-color: ${t.Colors.batteryBorderColor};
-  margin-left: 0.5px;
-  border-top-right-radius: 1px;
-  border-bottom-right-radius: 1px;
-`,Ge=s(t.SuperSmallBold)``,b=s.div``,qe=s(t.SvgTickRound)`
-  width: ${t.Space.sp7};
-  height: ${t.Space.sp7};
-  color: ${t.Colors.success};
-  margin-top: ${t.Space.sp4};
-  opacity: ${e=>e.showTick?1:0};
-  transition: opacity 0.5s linear;
-`,De=s(t.StandardRegular)`
-  color: ${t.Colors.primaryLight};
-  opacity: ${e=>e.showTick?1:0};
-  transition: opacity 0.5s linear;
-`,Ve=s.div`
-  border: 2px solid ${t.Colors.brandColorJade};
-  height: 97%;
-  border-radius: ${t.Space.sp2};
-  background-color: ${t.Colors.brandColorJade};
-  transform: ${e=>e.translateCardSkelton?"translateX(0px)":"translateX(-250px)"};
-  transition: transform 0.3s ease-in;
-  background-image: linear-gradient(
-    to bottom,
-    hsla(0, 0%, 100%, 0.8),
-    hsla(0, 0%, 100%, 0.8)
-  );
-`,Ne=s.div`
-  width: ${e=>e.lineIndex===0?"66px":e.lineIndex===1?"112px":"55px"};
-  border: 2px solid ${t.Colors.brandColorGold};
-  margin-bottom: ${e=>e.lineIndex===1?"22px":"12px"};
-  border-radius: ${t.Space.sp2};
-  margin-left: ${t.Space.sp3};
-  margin-top: ${e=>e.lineIndex===0?t.Space.sp4:t.Space.sp0};
-`,Oe=s(t.SvgZeniIconOnly)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  position: absolute;
-  right: ${t.Space.sp2};
-  top: ${t.Space.sp3};
-`,Je=s.div`
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-`,Xe=s(t.StyledText)`
-  ${e=>`${m.headingFont.style(e.windowSize)}`};
-  ${e=>e.windowSize==="small"&&"white-space: pre;"}
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Ue=s(t.StyledText)`
-  ${e=>`${m.subheadingFont.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Ye=s.div`
-  display: flex;
-  justify-content: center;
-`,Ze=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-signup-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${e=>e.theme.colors.grey4};
-  background-size: cover;
-  background-position: ${e=>e.windowSize==="small"?"center":"right"};
-  background-repeat: no-repeat;
-`,_e=s.div`
-  position: fixed;
-  bottom: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  right: ${t.Space.sp0};
-  margin: ${t.Space.sp0} auto;
-  display: flex;
-  justify-content: center;
-  height: ${t.Space.sp12};
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-`,Ke=s.div`
-  margin-right: -92px;
-  margin-top: -92px;
-  z-index: 5;
-`;exports.default=re;