https://www.constantlyvariedgear.com/cdn/shopifycloud/checkout-web…/c1/component-RuntimeExtension.CmSA60Aq.js

1import{q as de,h as y,l as Q,f as Z,T as L,u as c,S as pe,k as w,A as I,_ as me,g as M,a1 as fe,a2 as he}from"./esnext-vendor.B9Da21W6.js";import{bf as ee,bg as ve,cl as ge,bi as Se,am as te,an as z,S as ne}from"./addresses-is-address-empty.Bn2lNY_L.js";import{dD as ye,dE as ke,bI as oe,dF as re,ch as Ee,ah as be,b$ as B,k as Ce,B as Y,dG as Te,dH as Ie,cs as xe,n as Re,dI as U}from"./hydrate.DZ4YTm7p.js";import{N as De}from"./utilities-extension-execution-errors.Bov3aYbn.js";import{R as we,H as Le,c as Ae}from"./AnnouncementRuntimeExtensions.CyqR_T7y.js";import{a as Pe}from"./hooks-useShowShopPayOptin.Br0M25ky.js";import{D as He,a as Ne}from"./extension-targets-rendering-extension-targets.CtUkCn-H.js";import{e as x}from"./performance-index.mu6MOGR9.js";import{f as Oe}from"./extensions-remote-dom.MLww-Mka.js";import"./app.DbSrjjlA.js";import"./graphql-PaymentSessionMutation.CAXCwUvV.js";import"./hooks-useShopPayExternalAppContext.DWwMuRnz.js";import"./hooks-useReplaceShopPayInHistory.DPpLejwu.js";import"./QRCode.CJw16n0F.js";import"./Pressable.ZFaj0-Rx.js";import"./Checkbox.DQyvbr9E.js";import"./Choice.DSKmQsTS.js";import"./utilities-dates.ChO2GdxN.js";import"./Popover.BScgzCsS.js";import"./PaymentIcon.CIva5Q4J.js";import"./NumberField.C_TDDWmw.js";import"./Switch.jEKUIqPZ.js";import"./EmailField.M5oHXAvJ.js";import"./TextArea.C1mMoZ65.js";import"./Sheet.CvqBdJB1.js";import"./styles-floating-layer.module.BCoSmdvP.js";import"./hooks-useForceShopPayUrl.BFRInJvm.js";import"./AddressPresenter.BIgrto4P.js";import"./PhoneField.C0TeiZrn.js";import"./components-RedirectionNotice.module.CsVdFi0g.js";import"./amazon-pay-useAmazonPayPaymentLine.Ju006AId.js";import"./hooks-useSuppressShopPayModalOnLoad.DFOLDSdS.js";import"./consent-manager-shared.DROIEFP2.js";import"./Page.jjGbeNkl.js";import"./dist-v4.EwEgHOG0.js";const Me=({extension:e,selected:t,setSelected:n,appearance:o="default"})=>{const s=ye("top"),{open:r,setOpen:i}=ke(),a=de(()=>{n?.(!0),o==="announcement"&&window.scrollTo({top:0,behavior:"smooth"})},[o,n]);y(()=>{t?a():n?.(!1)},[n,t,e,a]),y(()=>{s.length>0&&s.find(u=>u.kind==="uiExtension"&&u.extension.id===e?.publicIdentifier)&&t&&!r.value&&i(!0)},[e,e?.publicIdentifier,r,s,t,i])};function H(e){return e===void 0?"undefined":e<=0?"zero":e<42?"smaller":e<86?"small":e<107?"medium":e<128?"large":"larger"}const N=ve.ExtensionSkeletonData,_="expiry",Fe=1e3*60*60*24*7;function X({extensionIdentifier:e,deviceType:t,countryCode:n}){const o=ee(N,{}),s=o?.[_];if(s&&Date.now()>s){ge(N);return}const r=se({extensionIdentifier:e,deviceType:t,countryCode:n});return o?.[r]}function ie(e){switch(e.type){case"local":return e.id;case"global":return e.publicIdentifier;default:return e.targetPublicIdentifier}}function se({extensionIdentifier:e,deviceType:t,countryCode:n}){return`${e}:${t}:${n}`}function _e({extensionIdentifier:e,deviceType:t,countryCode:n,extensionHeight:o}){const s=ee(N,{});s?.[_]||(s[_]=Date.now()+Fe);const i=se({extensionIdentifier:e,deviceType:t,countryCode:n}),a={...s,[i]:o};Se(N,a)}function ae(e){return He.includes(e.extensionPoint.target)}function ce(){const{geolocation:e}=Ee(),t=Pe(),n=Q(e.country.code);return Z(()=>t.value||n.value)}function ze({extension:e,extensionInstanceId:t,pageOrDetour:n,extensionRef:o,skeletonHeight:s,mounted:r}){const i=oe(),a=re(),u=ce(),f=ae(e),h=e.type==="local",k=e.type==="persisted"&&!e.activatedExtensionId,v=ie(e),S=a.deviceType;y(()=>{if(!(f||h||k||!v)&&r){const d=u.value,E=setTimeout(()=>{const m=q(o.current);if(!m)return;const g=H(s?.value),T=H(m.height),b=g===T;i("extensionDimension",{timestamp:new Date,extension:e,section:"extension",page:n,pageLoadId:a.pageLoadId,extensionInstanceId:t,publicIdentifier:e.publicIdentifier,targetPublicIdentifier:e.type==="persisted"?e.targetPublicIdentifier:void 0,countryCode:d,...m,skeletonHeight:s?.value,skeletonSize:g,extensionSize:T,skeletonSizeSource:s?.source,skeletonSizeMatch:b})},1e3);return()=>{clearTimeout(E)}}},[r]),y(()=>{if(!(f||!h||!v)&&r){const d=u.value,E=setTimeout(()=>{const g=q(o.current)?.height||0;_e({extensionIdentifier:v,deviceType:S,countryCode:d,extensionHeight:g})},1e3);return()=>{clearTimeout(E)}}},[r,h,v,S,u.value])}function q(e){if(e&&!e.offsetParent)return;const t=e?.offsetWidth??0,n=e?.offsetHeight??0,o=e?.getBoundingClientRect(),s=Math.round(o?.x??0),r=Math.round(o?.y??0),{innerHeight:i,innerWidth:a}=window;

1return{height:n,width:t,positionX:s,positionY:r,viewportHeight:i,viewportWidth:a}}function Be(){return re().deviceType==="mobile"}function We(e){const t=te(),n=e.type==="local",o=t.value&&n,s=ie(e),r=ce(),i=Be();return L(()=>{const a={desktop:{source:"local",value:void 0},mobile:{source:"local",value:void 0},current:void 0},u=o?X({extensionIdentifier:s,deviceType:"desktop",countryCode:r.value}):void 0;u&&(a.desktop={source:"local",value:u});const f=o?X({extensionIdentifier:s,deviceType:"mobile",countryCode:r.value}):void 0;return f&&(a.mobile={source:"local",value:f}),n?(a.current=i?a.mobile:a.desktop,a):(!u&&e.extensionSkeletons?.desktop?.height&&(a.desktop={source:"server",value:e.extensionSkeletons?.desktop?.height}),!f&&e.extensionSkeletons?.mobile?.height&&(a.mobile={source:"server",value:e.extensionSkeletons?.mobile?.height}),t.value&&(a.current=i?a.mobile:a.desktop),a)},[o,t.value,i,n,e,r.value,s])}function Ke(e){return e.type==="global"||Ne.includes(e.extensionPoint.target)}function W({lines:e}){return c(Ce,{gap:"base",children:[c(be,{contentDisplay:"block",blockSize:"30px",inlineSize:"25%"}),c(B,{lines:e,lastLineSize:"large"})]})}function Ve(){return c(W,{lines:4})}function $e(){return c(W,{lines:3})}function Ge(){return c(W,{lines:2})}function Ye(){return c(B,{lastLineSize:"large"})}function Ue(){return c(B,{lines:2,lastLineSize:"large"})}const F={undefined:null,zero:null,smaller:c(Ye,{}),small:c(Ue,{}),medium:c(Ge,{}),large:c($e,{}),larger:c(Ve,{})},Xe="@media (inline-size >= medium) none, auto",qe="@media (inline-size >= medium) auto, none";function je({skeletonHeightInfo:e}){const t=H(e.desktop.value),n=H(e.mobile.value);return t===n?F[t]:c(pe,{children:[c(Y,{display:qe,children:F[t]}),c(Y,{display:Xe,children:F[n]})]})}const Je="Geu8c",Qe="_0rsLs",Ze="M4bqA",D={Transition:Je,SkeletonWrapper:Qe,ExtensionWrapper:Ze},et=150,tt=100,j=10;function nt({instanceId:e,skeletonHeightInfo:t,mounted:n,extensionRef:o,children:s,transitionStep:r,setTransitionStep:i,extension:a}){const u={opacity:0,visibility:"hidden"},f={opacity:1,visibility:"visible"},h={opacity:0,height:0},k={opacity:1},[v,S]=w(u),[C,d]=w(k),[E,m]=w({overflow:"hidden"}),[g,T]=w(0),b=I(null);return me(()=>{if(r==="done"||b.current==null)return;const l=b.current.offsetHeight;m(p=>({...p,height:l,maxHeight:l}))},[t.desktop.value,t.mobile.value,r]),y(()=>{if(x.markStarted("loading-skeleton",{extension:a,instanceId:e,type:"extension"}),r==="ready"){i("transition");return}if(n){if(r==="transition"){const l=o.current?.offsetHeight??0;if(l>0||g===j){m(p=>({...p,height:l,maxHeight:l})),S(f),d(h),setTimeout(()=>{i("done")},et);return}g<j&&setTimeout(()=>{T(p=>p+1)},tt)}r==="done"&&(x.markFinished("loading-skeleton",{extension:a,instanceId:e,type:"extension"}),m({}),S({}))}},[n,r,g]),c("div",{className:M(D.Transition),style:E,children:[r==="done"?null:c("div",{className:M(D.SkeletonWrapper,D.Transition),style:C,ref:b,"aria-hidden":!0,children:c(je,{skeletonHeightInfo:t})}),c("div",{className:M(D.ExtensionWrapper,D.Transition),style:v,children:s})]})}function ot({mounted:e}){const{extensionSkeletonBatchStateSignal:t,extensionSkeletonBatchReleaseIdSignal:n}=z(),o=I(null);return e?o.current==null&&(o.current=n.peek()+1):o.current=null,y(()=>{e&&t.peek()==="idle"&&(t.value="collecting")},[e,t]),o.current}function rt(e){const{extensionSkeletonBatchReleaseIdSignal:t}=z(),n=I(null);return e==null?null:n.current===e?"released":t.value>=e?(n.current=e,"released"):"pending"}function it({pending:e}){const{extensionSkeletonPendingCountSignal:t}=z();y(()=>{if(e)return t.value+=1,()=>{t.value-=1}},[e,t])}function st(e,t){const n=Te(),{checkout:{isCheckoutLayoutForcedToOnePage:o,configuration:{layout:{isOnePage:s}}}}=ne(),r=!0,i=n.get(e,t);y(()=>ut({renderer:i,layoutAwareRenderCacheEnabled:r,isOnePageCheckoutSignal:s,isCheckoutLayoutForcedToOnePageSignal:o}),[i,r,s,o]);const{snapshot:a,subscribe:u}=L(()=>({snapshot(){return i.mounted},subscribe(h){const k=i.on("mount",h),v=i.on("restart",h);return()=>{k(),v()}}}),[i]);return{mounted:fe(u,a),receiver:i.receiver,instanceId:i.id,hostedIframe:i.hostedIframe}}function at({mounted:e,skipsSkeleton:t}){const n=I(e),o=ot({mounted:e}),s=rt(n.current?null:o),r=I(!1);s==="released"&&(r.current=!0);const i=ct({renderedImmediately:n.current,hasRevealed:r.current});return it({pending:i==="showSkeleton"&&!e&&!t}),i}function ct({renderedImmediately:e,hasRevealed:t}){return e?"rendered":t?"postSkeleton":"showSkeleton"}function ut({renderer:e,layoutAwareRenderCacheEnabled:t,isOnePageCheckoutSignal:n,isCheckoutLayoutForcedToOnePageSignal:o}){const s=J(n,o),r=e.render();return()=>{J(n,o)===s?r():r({cache:0})}}function J(e,t){return e.value&&t.value}class lt extends he{constructor(){super(...arguments),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t){this.props.handler(t)}render(){const{error:t}=this.state;return t?null:this.props.children}}function dt(e){const t=st(e.extension,e.options);return c(pt,{...e,renderer:t})}function pt({extension:e,transitionStep:t,pageOrDetour:n,extensionRef:o,captureEvent:s,performance:r,notifyError:i,remoteDOMComponents:a,render:u,isCheckoutEditor:f,isHydrated:h,setTransitionStep:k,renderer:v}){const{mounted:S,receiver:C,instanceId:d,hostedIframe:E}=v;y(()=>{x.markStarted("extension-loading",{instanceId:d,extension:e,type:"extension"})},[]);const m=We(e),g=ae(e),T=Ke(e);ze({extension:e,extensionInstanceId:d,pageOrDetour:n,extensionRef:o,skeletonHeight:m.current,mounted:S});const b=Q(C),l=Z(()=>b.value.root.children.value),p=at({mounted:S,skipsSkeleton:g});Me({extension:e});const A=I(!1);y(()=>{(p==="rendered"||p==="postSkeleton"&&t==="done")&&s("extensionLifecycle",{phase:"buyerUsable",section:"extension",page:n,extension:e,instanceId:d,timestamp:new Date,duration:Math.max(0,performance.now()-(r?.navigationStartTime??0)),initialPageLoad:x.initialLoad}),(p==="postSkeleton"||p==="rendered"||S)&&!A.current&&(A.current=!0,x.markFinished("wait-time-after-execution",{instanceId:d,extension:e,type:"extension"}),x.markFinished("extension-loading",{type:"extension",extension:e,instanceId:d,duration:Math.max(0,performance.now()-(r?.navigationStartTime??0))}))},[p,t]);const{addDeactivatedExtension:O}

1=Ie(),P=f&&!T,K=!h&&!P,R=!K&&!!l.value.length,V=P?{"data-inspector-id":e.publicIdentifier}:void 0,ue=L(()=>({extension:e,extensionInstanceId:d}),[e,d]),$=R?c(Le.Provider,{value:E,children:c(we.Provider,{value:ue,children:c(lt,{handler:le=>{O(e.id),i(le)},children:c("div",{ref:o,...V,children:c(Oe,{receiver:C,components:a})})})})}):c("div",{ref:o,...V}),G=u?u($,R):$;return P||p==="rendered"&&!K||g?R||P?G:null:t==="done"&&!R||h&&t==="ready"&&!m.current?.value&&!R?null:c(nt,{instanceId:d,transitionStep:t,setTransitionStep:k,skeletonHeightInfo:m,mounted:p==="postSkeleton",extensionRef:o,extension:e,children:G})}function mt(e){return e}function Qt({options:e,extension:t,transformComponents:n=mt,render:o}){const{client:s,observability:r,source:i}=ne(),a=te(),[u,f]=w("ready"),h=xe(),k=t.type==="local",v=l=>{const p=l.message?.includes("No component found for remote element")||l.message?.includes("Unknown component"),A=l.name==="TypeError";if(p){const O=new De(l.message,{cause:l});r.error(O,{groupingHash:"RuntimeExtension::NoComponentFoundForRemoteElement",metadata:{extension:U(t),source:{type:i.type}}})}else A?k&&console.warn(l):r.error(l,{metadata:{extension:U(t),source:{type:i.type}}})},S=L(()=>{const l=Ae({extension:t,notifyError:v});return n(l,{apiVersion:t.apiVersion})},[]),C=L(()=>new Map(Object.entries(S)),[]),d=I(null),E=s.unstable_legacyNavigationPerformance,m=oe(),{currentPage:g,currentDetour:T}=Re().value,b=T?.type??g?.id??"";return c(dt,{extension:t,transitionStep:u,pageOrDetour:b,extensionRef:d,captureEvent:m,performance:E,notifyError:v,remoteDOMComponents:C,render:o,isCheckoutEditor:h,isHydrated:a.value,setTransitionStep:f,options:e})}export{Qt as default};