https://www.teliaplay.se/oneweb/checkout-media-confirm-subscription-view.52bdeec3.js

1"use strict";(globalThis.webpackChunk_telia_company_tv_web_logged_in=globalThis.webpackChunk_telia_company_tv_web_logged_in||[]).push([[427],{"./src/shared/hooks/useConfirmDialog.ts"(e,t,r){r.d(t,{G:()=>i});var n=r("./src/shared/components/ui/Modal/index.ts"),o=r("../../../node_modules/.pnpm/[email protected][email protected]/node_modules/i18next/dist/esm/i18next.js"),a=r("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js");const i=()=>{const{closeModal:e,showModal:t}=(0,n.k3)();return{showConfirmDialog:(0,a.useCallback)(({confirmButtonText:r,text:n,title:a})=>new Promise(i=>{t({actions:[{label:(0,o.t)("CANCEL"),onClick:()=>{e(()=>i(!1))},variant:"secondary"},{label:r,onClick:()=>{e(()=>i(!0))}}],children:n,dismissable:!0,onClose:()=>i(!1),overlayEventTrackingData:{overlay_title:a},title:a})}),[e,t])}}},"./src/shared/hooks/useForgotPinCode.ts"(e,t,r){r.d(t,{L:()=>s});var n=r("./src/shared/components/ui/Snackbar/index.ts"),o=r("../../../node_modules/.pnpm/@[email protected]_@telia-company+tv.common-sdk-authenticat_eff6e477fccb3c1035e3d63ff0e72c04/node_modules/@telia-company/tv.common-sdk-legacy-pack/dist/Credentials.js"),a=r("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),i=r("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/index.js");const s=()=>{const{t:e}=(0,i.Bd)(),{addSnackbar:t}=(0,n.k)();return{forgotPinCode:(0,a.useCallback)(async()=>{try{const r=o.Credentials.instance();await r.forgotPin(),t({content:e("EMAIL_SENT_PIN"),dismissOnActionClick:!0,variant:"positive"})}catch(r){throw t({content:e("FAILED_TO_SEND_EMAIL"),dismissOnActionClick:!0,variant:"negative"}),r}},[t,e])}}},"./src/shared/hooks/useTrackPageViewEvent.ts"(e,t,r){r.d(t,{z:()=>i});var n=r("./src/core/analytics/tracker.ts"),o=r("./src/core/router/hooks/useIsModalRouteOpen/index.ts"),a=r("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js");const i=(e,t)=>{const{isModalRouteOpen:r}=(0,o.u)(),i=(0,a.useRef)("");(0,a.useLayoutEffect)(()=>{const o=e&&i.current===JSON.stringify(e);r||o||t||!e||(n.F.trackPage({page_name:e,page_variant:"page"}),i.current=JSON.stringify(e))},[r,e,t])}},"./src/subscription/hooks/useCommitTvPackage.ts"(e,t,r){r.d(t,{CA:()=>C,pA:()=>N,$Q:()=>A});var n=r("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/cache/inmemory/reactiveVars.js"),o=r("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/react/hooks/useReactiveVar.js"),a=r("./src/core/analytics/tracker.ts"),i=r("./src/profiles/providers/UserProvider/UserProvider.tsx"),s=r("./src/shared/components/ui/Snackbar/index.ts"),c=r("./src/shared/hooks/useConfirmDialog.ts"),d=r("../../../node_modules/.pnpm/@[email protected]_@telia-company+tv.common-sdk-authenticat_eff6e477fccb3c1035e3d63ff0e72c04/node_modules/@telia-company/tv.common-sdk-legacy-pack/dist/Credentials.js"),l=r("../../../node_modules/.pnpm/@[email protected]_@telia-company+tv.common-sdk-authenticat_eff6e477fccb3c1035e3d63ff0e72c04/node_modules/@telia-company/tv.common-sdk-legacy-pack/dist/ErrorTypes.js"),m=r("../../../node_modules/.pnpm/@[email protected]_@telia-company+tv.common-sdk-authenticat_eff6e477fccb3c1035e3d63ff0e72c04/node_modules/@telia-company/tv.common-sdk-legacy-pack/dist/TvPackages.js"),p=r("../../libs/error-monitoring/dist/index.mjs"),u=r("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),_=r("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/index.js"),g=r("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router/dist/development/chunk-62JRHF6Z.mjs");const h=({packageName:e})=>

1a.F.trackConfirmationClick({category:"PACKAGE",promotion_title:e}),P=({currentUserPackage:e,packageName:t})=>{const r=e?`${e}|${t}`:t;return a.F.setGlobalProperties({user_package:r}),a.F.trackOrderConfirmed({category:"PACKAGE",promotion_title:t})};var E=function(e){return e[e.NOT_STARTED=0]="NOT_STARTED",e[e.PREPARING_PURCHASE=1]="PREPARING_PURCHASE",e[e.FAILED_TO_PREPARE_PURCHASE=2]="FAILED_TO_PREPARE_PURCHASE",e[e.WAITING_FOR_COMMIT=3]="WAITING_FOR_COMMIT",e[e.COMMITTING=4]="COMMITTING",e[e.PIN_CODE_NEEDED=5]="PIN_CODE_NEEDED",e[e.INVALID_PIN_CODE=6]="INVALID_PIN_CODE",e[e.DONE=7]="DONE",e}(E||{});class y extends Error{constructor(){super("Purchase not prepared")}}const C=(0,n.UT)(void 0),A=()=>(0,o.q)(C),N=({mediaId:e,returnUrl:t,tvPackageId:r})=>{const{t:n}=(0,_.Bd)(),{addSnackbar:o}=(0,s.k)(),{showConfirmDialog:x}=(0,c.G)(),I=A(),[f,k]=(0,u.useState)(E.NOT_STARTED),b=(0,g.Zp)(),{pathname:R}=(0,g.zy)(),{subscriptions:T}=(0,i.u)(),D=(0,u.useMemo)(()=>T?.map(e=>e.subscription.name).join("|"),[T]),O=(0,u.useCallback)(async()=>{try{k(E.PREPARING_PURCHASE);const e=m.O.instance(),t=await e.preparePurchase(r);return C(t),k(E.WAITING_FOR_COMMIT),!0}catch(e){let r={confirmButtonText:n("PURCHASE_PACKAGE_BRAND_BUTTON_TEXT"),text:n("PURCHASE_PACKAGE_ERROR_MESSAGE"),title:n("SOMETHING_WENT_WRONG")};e instanceof l.PurchaseAlreadyChargedError?r={confirmButtonText:n("GO_BACK"),text:n("PACKAG

1E_ALREADY_PURCHASED_DESCRIPTION"),title:n("PACKAGE_ALREADY_PURCHASED")}:e instanceof l.PurchaseNotAllowedError||e instanceof l.PurchaseNotAllowedCollectiveCustomerError||e instanceof l.PurchaseNotAllowedAccountRestrictedError||e instanceof l.PurchaseNotAllowedClientRestrictedError?r={confirmButtonText:n("PURCHASE_PACKAGE_BRAND_BUTTON_TEXT"),text:n("PURCHASE_PACKAGE_AT_BRAND_DESCRIPTION"),title:n("PURCHASE_PACKAGE_AT_BRAND")}:(0,p.vV)(new Error(`in ${O.name}`,{cause:e}),{context:N.name});const o=await x(r);if(o&&e instanceof l.PurchaseAlreadyChargedError)return b(t||"/",{replace:!0});if(o)return window.location.replace(n("branding:SIGN_UP_URL")||"");k(E.FAILED_TO_PREPARE_PURCHASE)}},[r,b,t,x,n]),w=(0,u.useCallback)(async t=>{if(!I)throw new y;const r=d.Credentials.instance(),i=await r.isPinActive();if(!t&&i)return h({mediaId:e,packageName:I.newPackage.name}),void k(E.PIN_CODE_NEEDED);try{k(E.COMMITTING);const r=m.O.instance();await r.commitPurchase(I,{pinCode:t}),t&&a.F.trackPinEntry({category:"PACKAGE",page_name:{id:"graph_provided_page",params:{pageName:R}},pin_valid:!0}),P({currentUserPackage:D,mediaId:e,packageName:I.newPackage.name}),k(E.DONE)}catch(e){if(e instanceof l.PinCodeError)return a.F.trackPinEntry({category:"PACKAGE",page_name:{id:"graph_provided_page",params:{pageName:R}},pin_valid:!1}),void k(E.INVALID_PIN_CODE);let t;e instanceof l.PurchaseAlreadyChargedError?t=n("PURCHASE_ALREADY_CHARGED"):e instanceof l.PurchaseNotAllowedError||e instanceof l.PurchaseNotAllowedCollectiveCustomerError||e instanceof l.PurchaseNotAllowedAccountRestrictedError?t=n("PURCHASE_NOT_ALLOWED"):e instanceof l.PurchaseNotAllowedClientRestrictedError?t=n("PURCHASE_NOT_ALLOWED_CLIENT_RESTRICTED"):(0,p.vV)(new Error(`in ${w.name}`,{cause:e}),{context:N.name}),o({actionButtonText:n("CLOSE"),content:t||n("PURCHASE_PACKAGE_ERROR_MESSAGE"),dismissOnActionClick:!0,variant:"negative"}),k(E.WAITING_FOR_COMMIT)}},[I,o,n,e,D,R]),S=(0,u.useCallback)(()=>k(E.WAITING_FOR_COMMIT),[]),v=f===E.PREPARING_PURCHASE||f===E.COMMITTING||f===E.PIN_CODE_NEEDED,M=v||f===E.FAILED_TO_PREPARE_PURCHASE,Y=f===E.DONE,F=f===E.PIN_CODE_NEEDED||f===E.INVALID_PIN_CODE,U=f===E.INVALID_PIN_CODE?n("CHARGING_CREDENTIALS_INVALID"):void 0;return{cancelCommit:S,commitPurchase:w,isDisabled:M,isLoading:v,isPinCodeNeeded:F,isPurchased:Y,pinCodeErrorMessage:U,preparePurchase:O}}},"./src/subscription/views/CheckoutMediaConfirmSubscriptionView/CheckoutMediaConfirmSubscriptionView.tsx"(e,t,r){r.r(t),r.d(t,{default:()=>be});var n=r("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_support_a0dcb4b0ae680db98626d6fd11a2b9d9/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),o=r("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/react/hooks/useQuery.js"),a=r("./src/codegen/graphql.ts"),i=r("./src/shared/components/custom/MarginContainer/index.ts"),s=r("./src/shared/components/custom/Navbar/index.ts"),c=r("./src/shared/errors/InvalidInputError.ts"),d=r("./src/shared/hooks/useAccountInfo.ts"),l=r("./src/shared/hooks/useForgotPinCode.ts"),m=r("./src/shared/hooks/useTrackPageViewEvent.ts"),p=r("./src/subscription/routes.tsx"),u=r("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),_=r("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/index.js"),g=r("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router/dist/development/chunk-62JRHF6Z.mjs"),h=r("./src/subscription/hooks/useCommitTvPackage.ts"),P=r("./src/shared/components/custom/SmartLink/index.ts"),E=r("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),y=r("./src/shared/components/ui/Button/Button.tsx"),C=r("./src/shared/utils/breakpoints/mq.ts"),A=r("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]_f734d82c55a697af95f95e7d1443e8d9/node_modules/@telia-company/tv.one-design-system-web/lib/index.js");const N=(0,n.A)("div",{target:"entxt3a5"})({name:"1cvo2nc",styles:"display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:390px"}),x=(0,n.A)("div",{target:"entxt3a4"}

1)("background-color:",A.ue.color.button.secondaryDefault,";width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;"),I=(0,n.A)(A.PA,{target:"entxt3a3"})("width:32px;height:32px;",()=>(0,E.css)("path[stroke]{stroke:",A.ue.color.text.primary,";}path[fill]{fill:",A.ue.color.text.primary,";}"),";"),f=(0,n.A)("h1",{target:"entxt3a2"})(A.ue.typography.headingTertiary," color:",A.ue.color.text.primary,";text-align:center;margin:24px 0 0;"),k=(0,n.A)("div",{target:"entxt3a1"})(A.ue.typography.textPrimary," color:",A.ue.color.text.secondary,";text-align:center;margin:8px 0 0;a{",()=>(0,E.css)("font-weight:",A.ue.typography.textPrimaryEmphasis.fontWeight,";color:",A.ue.color.text.primary,";margin:8px 0 0;"),";}"),b=(0,n.A)(y.$,{target:"entxt3a0"})("width:100%;margin-top:24px;",C.mq.S`
2      max-width: 327px;
3  `," ",C.mq.M`
4      margin-top: 40px;
5  `,";");var R=r("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");const T=({className:e,returnUrl:t="/",subscriptionName:r})=>{const{t:n}=(0,_.Bd)();return(0,u.useEffect)(()=>()=>{(0,h.CA)(void 0)},[]),(0,R.FD)(N,{className:e,children:[(0,R.Y)(x,{children:(0,R.Y)(I,{"aria-hidden":"true",name:"Check"})}),(0,R.Y)(f,{children:n("PURCHASE_COMPLETED_TITLE")}),(0,R.FD)(k,{children:[(0,R.Y)(_.x6,{i18nKey:"PURCHASE_COMPLETED_DESCRIPTION",t:n,tOptions:{interpolation:{escapeValue:!1}},values:{subscriptionName:r}}),(0,R.Y)(P.i,{href:n("branding:SIGN_IN_URL"),target:"_blank",children:n("PURCHASE_COMPLETED_LINK_DESCRIPTION")})]}),(0,R.Y)(b,{as:g.N_,"data-testid":"start-watching-button",to:t,variant:"primary",children:n("START_WATCHING")})]})};var D=r("./src/core/analytics/tracker.ts"),O=r("./src/shared/components/custom/PINCodeModal/PINCodeModal.tsx"),w=r("./src/shared/components/custom/SmartLink/SmartLink.tsx"),S=r("../../../node_modules/.pnpm/[email protected]/node_modules/date-fns/format.js");const v=(0,n.A)("div",{target:"e138njut6"})({name:"1fttcpj",styles:"display:flex;flex-direction:column"}),M=(0,n.A)("h2",{target:"e138njut5"})(A.ue.typography.textSecondaryEmphasis," color:",A.ue.color.text.primary,";margin:0;"),Y=(0,n.A)("div",{target:"e138njut4"})("background-color:",A.ue.color.background.surface,";border-radius:8px;margin-top:8px;padding:16px;"),F=(0,n.A)("h3",{target:"e138njut3"})(A.ue.typography.textPrimaryEmphasis," color:",A.ue.color.text.primary,";margin:0;"),U=(0,n.A)("p",{target:"e138njut2"})(A.ue.typography.textSecondary," color:",A.ue.color.text.primary,";margin:0;"),L=(0,n.A)("ul",{target:"e138njut1"})({name:"1kz5jpr",styles:"list-style-type:none;padding:0;margin:0"}),G=(0,n.A)("li",{target:"e138njut0"})();const j=(0,n.A)("dl",{target:"e124hr584"})({name:"1xclg2i",styles:"margin:0;padding:0"}),H=(0,n.A)("div",{target:"e124hr583"})({name:"h79j4g",styles:"display:flex;justify-content:space-between;margin-top:4px;align-items:baseline;&:first-of-type{margin-top:0;}"}),B=(0,n.A)("dt",{target:"e124hr582"})(A.ue.typography.textPrimary," color:",A.ue.color.text.secondary,";margin-right:6px;"),K=(0,n.A)("dd",{target:"e124hr581"})(A.ue.typography.textPrimary," color:",A.ue.color.text.primary,";overflow-wrap:break-word;max-width:70%;margin-inline-start:0;"),V=(0,n.A)("dd",{target:"e124hr580"})(A.ue.typography.headingTertiary," color:",A.ue.color.text.primary,";"),q=({className:e,commitmentPeriod:t,discountPeriod:r,discountPrice:n,subscriptionPrice:o,username:a})=>{const{t:i}=(0,_.Bd)(),s=t&&(0,S.GP)(t,"dd-MM-yyyy");return(0,R.FD)(v,{className:e,children:[(0,R.Y)(M,{children:i("SUMMARY")}),(0,R.Y)(Y,{children:(0,R.FD)(j,{children:[a&&(0,R.FD)(H,{children:[(0,R.Y)(B,{children:i("USERNAME")}),(0,R.Y)(K,{children:a})]}),(0,R.FD)(H,{children:[(0,R.Y)(B,{children:i("ASK_PAYMENT_METHOD")}),(0,R.Y)(K,{children:i("INVOICE")})]}),(0,R.FD)(H,{children:[(0,R.Y)(B,{children:i("NEW_COMMITMENT_PERIOD")}),(0,R.Y)(K,{children:s?`${s}`:i("NO_COMMITMENT_PERIOD")})]}),n&&!!r&&(0,R.FD)(H,{children:[(0,R.Y)(B,{children:i("OFFERING")}),(0,R.Y)(K,{children:i("PRICE_PER_MONTH_IN_X_MONTHS",{interpolation:{escapeValue:!1},numberOfMonths:r,subscriptionPrice:n})})]}),(0,R.FD)(H,{children:[(0,R.Y)(B,{children:i("PRICE")}),(0,R.Y)(V,{children:i("SUBSCRIPTION_PRICE_PER_MONTH",{interpolation:{escapeValue:!1},subscriptionPrice:o})})]})]})})]})},W=({className:e,subscriptions:t})=>{const{t:r}=(0,_.Bd)();return(0,R.FD)(v,{className:e,children:[(0,R.Y)(M,{children:r("REPLACED_PACKAGES")}),t?.map((e,t)=>{const n=e.commitmentEndDate&&(0,S.GP)(e.commitmentEndDate,"dd-MM-yyyy");return(0,R.Y)(Y,{children:(0,R.FD)(L,{role:"list",children:[(0,R.Y)(G,{children:(0,R.Y)(F,{children:e.name})}),(0,R.Y)(G,{children:(0,R.Y)(U,{children:r("SUBSCRIPTION_PRICE_PER_MONTH",{interpolation:{escapeValue:!1},subscriptionPrice:e.priceReadable})})}),(0,R.Y)(G,{children:(0,R.Y)(U,{children:n?`${r("COMMITMENT_PERIOD_UNTIL")}  ${n}`:r("NO_COMMITMENT_PERIOD")})})]})},t)})]})};var z=r("./src/shared/components/ui/Collapsible/Collapsible.tsx");const $=(0,n.A)("div",{target:"enxlacm2"})({name:"1opchwj",styles:"display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box"}),X=(0,n.A)("span",{target:"enxlacm1"})(A.ue.typography.headingSubHeading," color:",A.ue.color.text.primary,";margin:0;text-transform:initial;"),J=(0,n.A)(A.PA,{shouldForwardProp:e=>"isRotated"!==e,target:"enxlacm0"})("padding:1px 0;width:24px;height:24px;color:",A.ue.color.text.primary,";transition:rotate 0.3s ease;rotate:",({isRotated:e})=>e?180:0,"deg;"),Q=({isOpen:e,sectionTitle:t})=>(0,R.FD)($,{children:[(0,R.Y)(X,{children:t}),(0,R.Y)(J,{isRotated:e,name:"ChevronDown",role:"none"})]});const Z=(0,n.A)(z.N,{target:"ev4of4e2"})({name:"arfe1i",styles:"border-radius:8px"}),ee=(0,n.A)("ul",{target:"ev4of4e1"})({name:"gc2az5",styles:"margin:0;padding:0;padding-left:32px"}),te=(0,n.A)("li",{target:"ev4of4e0"})(A.ue.typography.textSecondary," color:",A.ue.color.text.primary,";margin-top:8px;"),re=({className:e,items:t})=>{const{t:r}=(0,_.Bd)(),[n,o]=(0,u.useState)(!1);return(0,R.Y)(Z,{className:e,containerId:"expandable-selling-points-container",content:(0,R.Y)(ee,{children:t.map((e,t)=>(0,R.Y)(te,{children:e},t))}),contentId:"expandable-selling-points-content",header:(0,R.Y)(Q,{isOpen:n,sectionTitle:r("INCLUDED_IN_PACKAGE")}),isExpanded:n,onClick:()=>{o(e=>!e)}})};const ne=(0,n.A)(Y,{target:"e23w0my2"})("background-color:",A.ue.color.background.tertiary,";"),oe=(0,n.A)(U,{target:"e23w0my1"})("color:",A.ue.color.button.payDefault,";"),ae=(0,n.A)(re,{target:"e23w0my0"})({name:"iqoq9n",styles:"margin-top:20px"}),ie=({className:e,commitmentPeriod:t,discountPeriod:r,discountPrice:n,sellingPoints:o,subscriptionName:a,subscriptionPrice:i})=>{const{t:s}=(0,_.Bd)(),c=0===t?s("NO_COMMITMENT_PERIOD"):s("X_MONTHS_COMMITMENT_PERIOD",{interpolation:{escapeValue:!1},numberOfMonths:t});return(0,R.FD)(v,{className:e,children:[(0,R.Y)(M,{children:s("CHOSEN_PACKAGE")}),(0,R.FD)(ne,{children:[(0,R.FD)(L,{role:"list",children:[(0,R.Y)(G,{children:(0,R.Y)(F,{children:a})}),(0,R.Y)(G,{children:(0,R.Y)(U,{children:s("SUBSCRIPTION_PRICE_PER_MONTH",{interpolation:{escapeValue:!1},subscriptionPrice:i})})}),n&&!!r&&(0,R.Y)(G,{children:(0,R.FD)(oe,{children:[s("OFFERING"),":"," ",s("PRICE_PER_MONTH_IN_X_MONTHS",{interpolation:{escapeValue:!1},numberOfMonths:r,subscriptionPrice:n})]})}),(0,R.Y)(G,{children:(0,R.Y)(U,{children:c})})]}),o&&Boolean(o.length)&&(0,R.Y)(ae,{items:o})]})]})};const se=(0,n.A)("dl",{target:"e10s15uz4"})("background-color:",A.ue.color.background.surface,";border-radius:8px;margin:8px 0 0;padding:12px 16px;"),ce=(0,n.A)("dt",{target:"e10s15uz3"})({name:"1eoy87d",styles:"display:flex;justify-content:space-between"}),de=(0,n.A)("span",{target:"e10s15uz2"})(A.ue.typography.headingSubHeading," color:",A.ue.color.text.primary,";"),le=(0,n.A)(A.PA,{target:"e10s15uz1"})("width:24px;height:24px;path[stroke]{stroke:",A.ue.color.text.primary,";}path[fill]{fill:",A.ue.color.text.primary,";}"),me=(0,n.A)("dd",{target:"e10s15uz0"})(A.ue.typography.textSecondary," color:",A.ue.color.text.secondary,";margin:4px 0 0;"),pe=({className:e})=>{const{t:t}=(0,_.Bd)();return(0,R.FD)(v,{className:e,children:[(0,R.Y)(M,{children:t("ASK_PAYMENT_METHOD")}),(0,R.FD)(se,{children:[(0,R.FD)(ce,{children:[(0,R.Y)(de,{children:t("INVOICE")}),(0,R.Y)(le,{"aria-hidden":"true",name:"Check"})]}),(0,R.Y)(me,{children:t("COST_ON_YOUR_BILL")})]})]})};const ue=(0,n.A)("div",{target:"etkwiys8"})({name:"vxn655",styles:"width:100%;max-width:432px"}),_e=(0,n.A)("h1",{target:"etkwiys7"})("text-align:left;",A.ue.typography.headingSecondary," color:",A.ue.color.text.primary,";",C.mq.S`
6    text-align: center;
7  `,";"),ge=(0,n.A)(W,{target:"etkwiys6"})({name:"1d0nbku",styles:"margin-top:24px"}),he=(0,n.A)(ie,{target:"etkwiys5"})({name:"1d0nbku",styles:"margin-top:24px"}),Pe=(0,n.A)(pe,{target:"etkwiys4"})({name:"1d0nbku",styles:"margin-top:24px"}),Ee=(0,n.A)("div",{target:"etkwiys3"})({name:"avt759",styles:"width:100%;margin-top:24px;border-bottom:1px solid white"}),ye=(0,n.A)(q,{target:"etkwiys2"})({name:"1d0nbku",styles:"margin-top:24px"}),Ce=(0,n.A)("div",{target:"etkwiys1"})({name:"5mn46z",styles:"display:flex;flex-direction:column;>a:first-of-type{margin-top:8px;}"}),Ae=(0,n.A)(y.$,{target:"etkwiys0"})({name:"yz1nei",styles:"margin-top:16px"}),Ne=({cancelButtonUrl:e,className:t,currentSubscriptions:r,isDisabled:n,isLoading:o,isPinCodeNeeded:a,mediaId:i,newCommitmentPeriodEndDate:s,newSubscriptionCommitmentPeriod:c,newSubscriptionDiscountPeriod:d,newSubscriptionDiscountPrice:l,newSubscriptionName:m,newSubscriptionPrice:p,onCancelPinCodeModal:P,onClickConfirm:E,onClickForgotPinCode:y,onConfirmWithPINCode:C,pinCodeErrorMessage:A,sellingPoints:N,termsUrl:x,username:I})=>{const{t:f}=(0,_.Bd)(),k=r.length>0;return(0,u.useEffect)(()=>

7{i&&D.F.trackConfirmationImpression({category:"PACKAGE",promotion_title:m})},[i,m]),(0,R.FD)(R.FK,{children:[(0,R.FD)(ue,{className:t,children:[(0,R.Y)(_e,{children:f("CONFIRM_PURCHASE")}),k&&(0,R.Y)(ge,{subscriptions:r}),(0,R.Y)(he,{commitmentPeriod:c,discountPeriod:d,discountPrice:l,sellingPoints:N,subscriptionName:m,subscriptionPrice:p}),(0,R.Y)(Pe,{}),(0,R.Y)(Ee,{}),(0,R.Y)(ye,{commitmentPeriod:s,discountPeriod:d,discountPrice:l,subscriptionPrice:p,username:I}),(0,R.FD)(Ce,{children:[x&&(0,R.Y)(Ae,{as:w.i,href:x,target:"_blank",variant:"ghost",children:f("TERMS")}),(0,R.Y)(Ae,{"data-testid":"confirm-purchase-button",disabled:n,isLoading:o,onClick:E,variant:"pay",children:f("CONFIRM_PURCHASE")}),(0,R.Y)(Ae,{as:g.N_,"data-testid":"cancel-purchase-button",onClick:()=>(0,h.CA)(void 0),to:e,variant:"secondary",children:f("CANCEL")})]})]}),a&&(0,R.Y)(O.uR,{bounce:Boolean(A),category:"PACKAGE",errorMessage:A,mediaId:i,onClickForgotPinCode:y,onHide:P,onSubmit:C,title:f("ENTER_PIN"),visible:!0})]})};const xe=(0,n.A)(i._,{target:"e1tvs1r82"})({name:"1vcob1d",styles:"display:flex;justify-content:center;align-items:center"}),Ie=(0,n.A)(Ne,{target:"e1tvs1r81"})({name:"1lw3ul3",styles:"margin-top:40px"}),fe=(0,n.A)(T,{target:"e1tvs1r80"})({name:"1qwesan",styles:"margin-top:100px"}),ke=()=>{(0,m.z)();const{subscriptionId:e}=(0,g.g)(),[t]=(0,g.ok)(),{t:r}=(0,_.Bd)(),n=(0,g.Zp)(),i=(0,h.$Q)(),P=t.get("returnUrl")||"/",E=P.split("/"),y=E[Math.max(E.length-1,0)],C=(0,g.tW)(p.c.MEDIA_SUBSCRIPTION_LIST,{mediaId:y});if((0,s.st)({addOffsetTop:!0,solidBackground:!0}),!e)throw new c.o(ke.name,"Missing subscriptionId parameter");(0,u.useEffect)(()=>{i||n(C,{replace:!0})},[C,n,i]);const{forgotPinCode:A}=(0,l.L)(),N=(0,d.T)(),{data:x}=(0,o.I)(a._6Q,{variables:{id:e}}),I=x?.subscriptionProduct,f=I&&"uniqueSellingPoints"in I&&I.uniqueSellingPoints,k=f?f.map(e=>e.sellingPoint):[],{cancelCommit:b,commitPurchase:T,isDisabled:D,isLoading:O,isPinCodeNeeded:w,isPurchased:S,pinCodeErrorMessage:v}=(0,h.pA)({mediaId:y,tvPackageId:e});return i?(0,R.Y)(xe,{children:S?(0,R.Y)(fe,{returnUrl:P,subscriptionName:i.newPackage.name}):(0,R.Y)(Ie,{cancelButtonUrl:P,currentSubscriptions:i.deletePackages,isDisabled:D,isLoading:O,isPinCodeNeeded:w,mediaId:y,newCommitmentPeriodEndDate:i.newCommitmentPeriodEndDate,newSubscriptionCommitmentPeriod:i.newPackage.commitmentPeriodInMonths,newSubscriptionDiscountPeriod:i.newPackage.discountedMonths,newSubscriptionDiscountPrice:i.newPackage.discountedPriceReadable,newSubscriptionName:i.newPackage.name,newSubscriptionPrice:i.newPackage.priceReadable,onCancelPinCodeModal:b,onClickConfirm:()=>T(),onClickForgotPinCode:A,onConfirmWithPINCode:T,pinCodeErrorMessage:v,sellingPoints:k,termsUrl:r("branding:TERMS_URL"),username:N?.username})}):null},be=ke}}]);