\n
hidePhoto(event)} />\n
\n
\n ({ original }))}\n onSlide={index => {\n state.photoIndex = (index + gallery.length) % gallery.length;\n }}\n startIndex={photoIndex}\n />\n
\n
hidePhoto(event)}>\n X\n \n
\n
\n )}\n \n );\n\n function onMouseOverThumb(full) {\n if (full) {\n preLoadImages([full], true);\n }\n }\n\n function showPhoto(event, index) {\n event.preventDefault();\n state.photoIndex = (index + gallery.length) % gallery.length;\n }\n\n function hidePhoto(event) {\n event.preventDefault();\n state.photoIndex = -1;\n }\n\n function preLoadImages(images, hasPriority) {\n if (hasPriority) {\n preloadImages.unshift(...images.filter(Boolean));\n } else {\n preloadImages.push(...images.filter(Boolean));\n }\n if (!preLoadProcessing) {\n preLoadProcessing = setTimeout(process, PRELOAD_DELAY);\n }\n\n function process() {\n preLoadProcessing = false;\n if (preloadImages.length === 0) {\n return;\n }\n const image = new Image();\n image.onload = () => process();\n image.onerror = () => process();\n image.src = preloadImages.shift();\n }\n }\n\n function boundedPhotoIndex(index) {\n return (index + gallery.length) % gallery.length;\n }\n}\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Player from '../component/element/player/index.jsx';\nimport Navigate from '../container/navigate.jsx';\nimport constants from '../constants.js';\nimport CardDownload from '../component/card/download.jsx';\nimport Gallery from '../container/gallery.jsx';\nimport constant from '../constants.js';\n\nimport NotFound from './404.jsx';\n\nconst StyledPage = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n .gallery-image {\n padding: 0;\n margin: 0.2em;\n border: none;\n }\n\n @media (max-width: ${constant.size.medium}) {\n .gallery-image {\n padding: 0;\n margin: 0.3em;\n border: none;\n }\n }\n\n .gallery-image > img {\n display: block;\n width: 100%;\n }\n\n .ancillary {\n display: flex;\n margin-top: 1em;\n margin-bottom: 1em;\n width: 100%;\n }\n\n .ancillary > div {\n box-sizing: border-box;\n }\n\n #photo {\n position: relative;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n position: fixed;\n top: var(--height-header);\n left: 0;\n right: 0;\n bottom: 0;\n padding: 2em;\n text-align: center;\n }\n\n @media (max-width: ${constant.size.medium}) {\n #photo {\n padding: 0;\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n #photo .overlay {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--color-overlay);\n }\n\n #photo > div.image {\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n z-index: 1000;\n height: 100%;\n position: relative;\n }\n\n #photo > div.image > .close {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n cursor: pointer;\n z-index: 999;\n }\n\n #photo > div.image > .close-button {\n position: absolute;\n right: 0.1em;\n top: 0.1em;\n cursor: pointer;\n color: var(--color-overlay-text);\n font-weight: 800;\n font-size: 2em;\n }\n\n #photo .image-gallery-slide img {\n display: block;\n margin: 1em;\n margin-left: auto;\n margin-right: auto;\n border: 0.2em solid var(--color-primary);\n border-radius: 5px;\n object-fit: contain;\n z-index: 1000;\n\n max-height: 80vh;\n max-width: 80vw;\n\n width: 100%;\n height: auto;\n\n @media (min-aspect-ratio: 1/1) {\n width: auto;\n height: 100%;\n }\n }\n\n #photo > div.nav {\n flex-grow: 0;\n color: var(--color-primary);\n font-size: 10em;\n cursor: pointer;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n z-index: 1000;\n user-select: none;\n border-radius: 5px;\n transition: background-color 0.2s;\n }\n\n #photo > div.nav:hover {\n background-color: rgba(var(--color-action-active-rgb), 0.5);\n }\n\n .cloudflare-player {\n height: 0;\n padding-top: 56.25%;\n width: 100%;\n }\n\n .model {\n color: var(--color-action-active);\n }\n\n @media (max-width: ${constants.size.small}) {\n .ancillary {\n flex-direction: column;\n justify-content: center;\n }\n\n .ancillary .info {\n margin-left: 1em;\n margin-right: 1em;\n }\n }\n\n @media not all and (max-width: ${constants.size.small}) {\n .ancillary {\n flex-direction: row;\n }\n\n .ancillary > .half {\n width: 50%;\n }\n }\n`;\n\nexport default function PageVideo({ state, user }) {\n const video = state.useVideo();\n const [vid, setVid] = useState({ loading: true });\n const userHasAccess =\n user &&\n (user.type === `standard` || (user.type === `trial` && user.trialCredit === video.videoId));\n\n useEffect(() => {\n (async () => {\n let controller;\n try {\n if (!vid.token && userHasAccess && video && video.videoId) {\n controller = new AbortController();\n const response = await fetch(\n `${state.root.key.api}/api/legacy/data/video/${video.videoId}?site=${state.root.$site}`,\n {\n signal: controller.signal,\n credentials: `include`,\n }\n );\n if (response.ok) {\n const resp = await response.json();\n setVid({\n token: resp.token,\n downloads: resp.downloads,\n loading: false,\n });\n return;\n }\n }\n } catch (error) {\n console.log(error);\n }\n return () => {\n controller.abort();\n };\n })();\n }, [userHasAccess, state.root.key.api, state.root.$site, vid, video]);\n\n if (!video) {\n return
;\n }\n\n const modelsText = video.models.map((model, index, arr) => {\n const modelHref = `/models/${model.modelId}`;\n let Title;\n if (index === 0) {\n if (arr.length === 1) {\n Title = () =>
model: ;\n } else {\n Title = () =>
models: ;\n }\n } else {\n Title = () => null;\n }\n const Spacer = () => (index < arr.length - 1 ?
/ : null);\n return (\n
\n \n \n {model.name}\n \n \n \n );\n });\n\n // TODO: { video.thumbs &&
}\n\n const titleStyle = {};\n if (video.loading) {\n // TODO: Fix this... need vars!\n titleStyle.color = `transparent`;\n titleStyle.textShadow = `0 0 10px rgba(0,0,0,0.5)`;\n }\n\n return (\n
\n \n \n
\n
{video.title}
\n
\n {modelsText} {modelsText && ` / `} duration:{` `}\n \n
\n
{video.description.long}
\n
\n {user && vid.downloads &&
}\n
\n );\n\n function Duration(props) {\n const { duration } = props;\n if (typeof duration === `string`) {\n return
{String(duration)};\n }\n\n const seconds = duration % 60;\n const minutes = ((duration - seconds) / 60) % 60;\n const hours = duration - seconds - minutes * 60;\n\n const parts = [pad(minutes), pad(seconds)];\n if (hours > 0) {\n parts.unshift(pad(hours));\n }\n\n const durationText = parts.join(`:`);\n return
{durationText};\n }\n\n function pad(value) {\n value = String(value);\n if (value.length < 2) {\n return `0${value}`;\n } else {\n return value;\n }\n }\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst StyledPage = styled.div`\n text-align: center;\n`;\n\nexport default function PageWelcome() {\n return (\n
\n Thank You And Welcome!
\n Thank you for becoming a member. We hope you enjoy our fit, young, girls.
\n It could take a moment for your account to be created
\n \n Click here to login\n
\n \n );\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\n\nconst StyledPage = styled.div`\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n .entry {\n margin: 1em;\n }\n\n label {\n display: block;\n font-weight: 600;\n }\n\n input {\n display: block;\n margin-top: 0.25em;\n box-sizing: border-box;\n width: 100%;\n height: 2.4375em;\n box-shadow: inset 0 1px 2px rgba(var(--color-primary-text-rgb), 0.1);\n font-weight: normal;\n border: 1px solid rgba(var(--color-primary-text-rgb), 0.2);\n font-size: 1em;\n padding-left: 0.5em;\n color: var(--color-join-item-text);\n background-color: var(--color-join-item);\n }\n\n input[type='submit'] {\n display: inline-block;\n font-weight: 600;\n appearance: none;\n width: auto;\n border: 1px solid transparent;\n cursor: pointer;\n background-color: var(--color-join-button);\n color: var(--color-join-button-text);\n }\n\n .data {\n margin-left: auto;\n margin-right: auto;\n }\n\n .continue {\n text-align: right;\n }\n\n .error {\n color: var(--color-action);\n font-weight: 500;\n }\n`;\n\nexport default function PagePasswordReset({ setUser, state }) {\n const [error, setError] = useState();\n\n return (\n
\n \n
Reset your password
\n
\n
\n );\n\n async function attemptPasswordReset(event) {\n event.preventDefault();\n\n const interactionId = state.root.interaction.start();\n try {\n setError(undefined);\n\n const urlParams = new URLSearchParams(window.location.search);\n const code = urlParams.get(`code`);\n\n if (!code) {\n setError(`\"code\" missing from URL. Please contact support`);\n return;\n }\n\n const formData = new FormData(event.target);\n const form = Object.fromEntries(formData.entries());\n\n if (form.password !== form.confirm) {\n setError(`Passwords do not match`);\n return;\n }\n\n const response = await fetch(\n `${state.root.key.api}/api/legacy/user/change-password?site=${state.root.$site}`,\n {\n method: `post`,\n credentials: `include`,\n headers: {\n Accept: `application/json`,\n 'Content-Type': `application/json`,\n },\n body: JSON.stringify({\n code,\n password: form.password,\n }),\n }\n );\n\n if (response.ok) {\n const { user, error } = await response.json();\n if (user) {\n setUser(user);\n state.root.page.navigate(`/`);\n return;\n } else if (error.code === `auth/code-does-not-exists`) {\n setError(`Password reset code already used`);\n return;\n }\n }\n throw new Error();\n } catch (error) {\n console.error(`An error occurred: ${error.message}`);\n setError(`Failed. Please contact support`);\n } finally {\n state.root.interaction.end(interactionId);\n }\n }\n}\n","import assert from 'assert';\nimport React from 'react';\n\nexport default function PageStaticUsc2257({ state }) {\n const email = state.root.email.$contact;\n assert(email, `email is required`);\n const mailTo = `mailto:${email}`;\n return (\n
\n
18 U.S.C. 2257 and 2257A Record-Keeping Requirements Compliance Statement
\n
\n In compliance with U.S.C. Title 18, Sections 2257 and 2257A and related regulations,\n all performers, models, actors, actresses and other persons who appear in any visual\n depiction of actual or simulated sexually explicit conduct appearing on or otherwise\n contained on this website are or were 18 years of age or older at the time of the\n creation of such depictions. Records required to be maintained pursuant to U.S.C.\n Title 18, Sections 2257 and 2257A are located at and maintained by:\n
\n
\n Please direct questions pertaining to content on this website to{` `}\n {email}\n
\n
\n Custodian of Records c/o Extasis Group 25/F Workington Tower 78 Bonham Strand Sheung\n Wan, HK\n
\n
\n );\n}\n","import React from 'react';\nexport default function PageStaticPrivacy({ state }) {\n const mailTo = `mailto:${state.root.email.$contact}`;\n return (\n
\n
Privacy Policy
\n
WHO WE ARE
\n
\n Extasis Group operates this website and is the controller of the information\n collected or provided via this Website.\n
\n\n
IMPORTANT NOTICE REGARDING ADULT CONTENT
\n
\n This is an adult website that expressly and strictly limits its membership to\n adults. We do not knowingly seek or collect any personal information or data from\n persons under the age of 18. All persons under the age of 18 are strictly prohibited\n from accessing or viewing the contents on this website. If you are under the age of\n 18 and/or under the age of majority in the jurisdiction you reside and from which\n you access the website, you must leave this site immediately, and your account can\n be terminated without notice.\n
\n\n
WHAT DATA WE COLLECT
\n
\n In order to provide our service when you subscribe we collect the following data\n from you:\n
\n
\n - Your email address, username and password so you can log in to the website.\n
\n - Your IP address to determine your general location and protect your account from\n being hacked.\n
\n - Your name, country, ZIP or post code, credit card or other billing information,\n through a third party billing provider (as listed below), so we can charge you the\n subscription fees.\n
\n
\n\n
WHO WE SHARE YOUR DATA WITH
\n
\n We only ever share your personal data with other companies if necessary for the\n operation of our websites. These other companies are legally required to have the\n same data security standards we do. Below you can find a complete list of who we\n might share your data with. Note that we may change our partners in the future, in\n which case this document will be updated.\n
\n
\n If you sign up to one or more of our websites, your credit card or other billing\n data is processed by one of our payment processor,{` `}\n verotel.com\n
\n
\n You can tell which of these companies processes your data from both the page you see\n when you pay for your subscription, as well as from the billing related emails you\n receive.\n
\n
We do not store your payment information in our internal systems.
\n\n
USE OF COOKIES
\n
\n We use certain tools to collect information about users browsing our website. These\n tools use cookies which are small text files that are stored on a user’s computer\n hard drive. The cookies are used, among other things, for fraud reduction or for\n security purposes. We also use cookies to recognize customers or a previous visitor\n of our website to pre-populate website forms. Remember, though, without cookies,\n users may not be able to take full advantage of all of our website features.\n
\n\n
ANALYTICS
\n
\n We may use third-party Service Providers to monitor and analyze the use of our\n Service. You can opt-out of having made your activity on the Service available to\n Google Analytics by installing the Google Analytics opt-out browser add-on. The\n add-on prevents the Google Analytics JavaScript (ga.js, analytics.js, and dc.js)\n from sharing information with Google Analytics about visits activity. For more\n information on the privacy practices of Google, please visit the Google Privacy &\n Terms web page:\n \n http://www.google.com/intl/en/policies/privacy/\n \n
\n\n
HOW LONG WE STORE YOUR DATA
\n
\n Unless you ask to have it deleted, we will store your data indefinitely in order to\n give you continued access to any content that was present at the time your\n subscription ended.\n
\n\n
ADVERTISING AND OFFERS
\n
\n If you click on any advertising or special offers on this website you may be\n directed to a third party website that is outside our control, and in some cases, we\n might share some data with those websites in order to make things easier for you. In\n these cases, you are responsible for making sure that these websites keep your data\n as safe as we do.\n
\n\n
SPECIAL PROVISIONS FOR USERS COVERED BY THE GDPR
\n
\n Please note that, as stated above, your data will be stored on our partners’ servers\n in the USA.\n
\n\n
WHICH COUNTRIES ARE COVERED BY THE GDPR
\n
\n We apply GDPR guidelines for all users in the EU, EEA, the microstates of Andorra,\n Monaco and San Marino, as well as Switzerland.\n
\n\n
YOUR DATA RIGHTS
\n
\n You have the right to access or rectify the personally identifiable data we hold\n about you.\n
\n
\n You also have the right to ask for your data to be deleted. Just keep in mind that\n we might need it in order to fulfil the rest of your subscription\n
\n
\n If you want to access, rectify or delete your data, please send us an email{` `}\n here\n
\n\n
COMPLAINTS
\n
\n In the unfortunate case where you are not happy with our privacy policy or processes\n you can send us an email here.\n
\n
\n );\n}\n","import React from 'react';\nexport default function PageStaticTerms({ state }) {\n const site = `${state.root.$site.toUpperCase()}.com`;\n const mailTo = `mailto:${state.root.email.$contact}`;\n return (\n
\n
Terms & Conditions
\n
\n Before Subscriber's transaction can be completed, Subscriber must read and agree to\n these terms and conditions, \"Agreement\". By applying for access and / or services\n from this website, Subscriber is agreeing to these terms and conditions, and is\n agreeing to be legally bound by them. This Agreement is subject to change at any\n time. Changes are effective when posted on this site without notice to each\n subscriber.\n
\n
PREAMBLE
\n
\n Subscriber's credit card will be billed immediately after purchase. After purchase\n Subscriber will receive an email notification with all payment details. The contract\n is closed between Subscriber and Site as soon as the order is submitted. All\n questions will be answered within six working days. Any motion pictures,\n photographs, or other content found on the Site and any subscription to the Site is\n expressly prohibited for anyone under legal age in their respective\n country/jurisdiction, and as a minimum to anyone below 18 years of age.\n
\n\n
DEFINITIONS
\n
\n \"Member\" or \"Membership,\" shall mean the subscriber or user of a valid username and\n password for the site during the term of membership.\n
\"{site}\" shall mean any of the companies billing the Subscriber including any\n additional billing companies used by {site} or changes thereof.\n
\n \"Site\" shall mean the website for which subscriber is purchasing a username and\n password in order to access the site and its materials and obtain the benefits of\n Membership.\n
\n \"Subscriber\" shall mean the user of the services of the site and holder of a valid\n username and password for the Site.\n
\n \"Access Right,\" shall mean the combination of unique username and password that is\n used to access a site. An access right is a license to use a Site for a period of\n time that is specified.\n
\n\n
DESCRIPTION OF SERVICES
\n
\n {site} will provide one access right to access the Site and its materials for which\n Subscriber is purchasing a Membership.\n
\n\n
BILLING
\n
\n Billing is processed by one of our partners (Verotel). Subscriber will be informed\n at the time of subscribing what description will appear on Subscriber’s credit card,\n bank statement, or phone bill for all applicable charges. If multiple venues are\n joined utilizing any payment method, Subscriber’s statement will list each\n individual purchase comprising the transaction. Billing may include other\n information.\n
\n\n
PAYMENT / FEE
\n
\n The Sites may have periodic subscription fees from the time of the initial\n enrollment for the Membership . The Subscriber is responsible for such fees\n according to the terms and conditions of the Site.\n
\n\n
AUTOMATIC RECURRING BILLING (if selected by subscriber during sign-up)
\n
\n In accordance with the terms and conditions of the Site subscription fees may be\n automatically renewed at or after the end of the original term selected, for a\n similar period of time and for a similar or different amount, unless notice of\n cancellation is received from the Subscriber. Unless and until this agreement is\n cancelled in accordance with the terms hereof, Subscriber hereby authorizes {site}\n {` `}\n to charge Subscriber's chosen payment method to pay for the ongoing cost of\n membership. Subscriber hereby further authorizes {site} to charge Subscriber's\n chosen payment method for any and all additional purchases of materials provided on\n the site. In the event of an unsuccessful recurring payment, the Site will\n discontinue Subscriber's membership immediately.\n
\n\n
ELECTRONIC RECEIPT
\n
\n Subscriber will receive an email receipt to their email provided upon initial\n subscription. Subscriber may request a copy of the account of charges of their\n membership to the Site but\n {site} does not guarantee the availability of such records more than 365 days after\n a charge. Requests must be made directly to {site}. To contact {site} refer to\n Customer Support links on the Site.\n
\n\n
CANCELLATION
\n
\n At any time, and without cause, subscription to the service may be terminated by\n either:\n {site}, the Site, or the Subscriber upon notification of the other by electronic or\n conventional mail, by chat, or by telephone. Subscribers are liable for charges\n incurred until the date of the termination. For billing inquiries or to cancel your\n membership, please visit Verotel.com, our authorized sales agent.\n
\n\n
REFUNDS
\n
\n Refunds for purchases or recurring charges may be requested by contacting customer\n support. Refunds or credits will not be issued for partially used Memberships.\n Cancellation for all current and future recurring billing may be requested as set\n forth in the above paragraph.\n {site} reserves the right to grant any refunds or credits at its discretion. The\n decision to refund a charge does not imply the obligation to issue additional future\n refunds. Should a refund be issued by {site} for any reason, it will be credited\n solely to the payment method used in the original transaction. {site} will not issue\n refunds by cash, check, or to another payment mechanism.\n
\n\n
CARDHOLDER DISPUTES/CHARGEBACKS
\n
\n We review all chargebacks carefully to ensure no party is incorrectly charged. We\n also reserve the right to deny future purchases to accounts with chargebacks that\n may lack merit depending on the circumstances. Claims of fraud are taken seriously\n and may result in the Site notifying Subscriber’s issuer to protect Subscriber and\n prevent future fraudulent charges to Subscriber’s card.\n
\n\n
AUTHORIZATION OF USE
\n
\n Subscribers to the Site are authorized to access the service or material located at\n this website through a single Access Right. This Access Right shall be granted for\n sole use to one Subscriber. All Memberships are provided for personal use only and\n shall not be used for any commercial purposes or by any other third parties.\n Commercial use of either the Site or any material found within it is strictly\n prohibited unless authorized by the Site. No material within the Site may be\n transferred to any other person or entity, whether commercial or non-commercial. No\n material within the Site may be distributed, downloaded, or otherwise obtained\n through peer-to-peer networks or any other file sharing platforms. In addition,\n materials may not be modified, or altered. Materials may not be displayed publicly,\n or used for any rental, sale, or display. Materials extend to copyright, trademarks,\n or other proprietary notices. {site}\n and the Site reserve the right to terminate the Access Right at any time for any\n Subscriber if the terms of this Agreement are breached. In the event that the terms\n are breached, Subscriber will be required to immediately destroy any information or\n material printed, downloaded or otherwise copied from the Site.\n
\n\n
TRANSFER OF YOUR ACCESS RIGHT
\n
\n Access to the Site - the Subscriber’s Access Right - is through a combination of a\n username and a password. Subscribers may not release their Access Right to any\n person, and are required to keep their Access Right confidential. {site} will not\n release a Subscriber’s password, to anyone other than the Subscriber, except as may\n be required by law or court order. Unauthorized access to the Site - including\n sharing your Access Right with others - is a breach of this Agreement. Subscribers\n acknowledge that the Site may track each Subscriber's entry to the site to prevent\n unauthorized access. In the event of a security breach, theft, or loss of a device\n containing the Access Right, resulting in potential unauthorized disclosure\n Subscriber must immediately notify {site} or the Site of said security breach.\n
\n\n
SANCTION AND APPROVAL OF ADULT MATERIAL
\n
\n This Site contains age-restricted materials. If Subscriber is under the age of 18\n years, or under the age of majority in the location from where accessing this Site\n Subscriber does not have authorization or permission to enter or access any of its\n materials. If Subscriber is over the age of 18 years and over the age of majority in\n the location from where accessing this site by entering the website Subscriber\n hereby agrees to comply with these terms and conditions.\n
\n\n
SEVERABILITY
\n
\n If any provision of this Agreement shall be held invalid or unenforceable for any\n reason, the remaining provisions shall continue to be valid and enforceable. If a\n court finds that any portion of this Agreement is invalid or unenforceable, but that\n by limiting such provision it would become valid or enforceable, then such provision\n shall be deemed to be written, construed, and enforced as so limited.\n
\n\n
NOTICE
\n
\n Notices by the Site to Subscribers may be given by means of electronic messages\n through the Site, by a general posting on the Site, or by conventional mail or\n email. Notices by Subscribers may be given by email, conventional mail, telephone or\n fax unless otherwise specified in the Agreement. All questions, complaints, or\n notices regarding the site must be directed to {site}, here\n
\n\n
DISCLAIMER
\n
\n Subscriber understands that the Site cannot and does not guarantee or warrant that\n files available for downloading from the Internet will be free of viruses, worms,\n trojan horses or other code that may manifest contaminating or destructive\n properties. Subscriber is responsible for implementing sufficient procedures and\n checkpoints to satisfy Subscriber’s particular requirements for accuracy of data\n input and output, and for maintaining a means external to the site for the\n reconstruction of any lost data. Site does not assume any responsibility or risk for\n Subscriber’s use of the Internet. However, in the event Site learns of such a\n breach, Site will notify Subscriber so that Subscriber can take the necessary\n precautions.\n
\n
\n Subscriber’s use of the Site is at his or her own risk and the content is provided\n “as is” - without warranties of any kind, either expressed or implied. Site\n disclaims all warranties including any implied warranties of merchantability,\n fitness for a particular purpose, title or non-infringement. Site does not warrant\n that the functions or content contained in the Site will be uninterrupted or\n error-free, that defects will be corrected, or that the Site or the server that\n makes it available are free of viruses or other harmful components.\n
\n
\n The Site does not warrant or make any representation regarding use, or the result of\n use, of the content in terms of accuracy, reliability, or otherwise. The content may\n include technical inaccuracies or typographical errors, and the Site may make\n changes or improvements at any time. The Site does not warrant or make any\n representations regarding the appropriateness of the material or content or the\n authorization for use in all countries, states, provinces, county or any other\n jurisdictions. If Subscriber chooses to access the Site, Subscriber does so at its\n own risk, and subject to the laws in its own jurisdiction. Subscriber is responsible\n for compliance with all applicable laws.\n
\n\n
SUBSCRIPTION FEES AND SUBSCRIBER’S COMMUNICATION
\n
\n Subscription and Membership fees to Site are subject to change at any time at the\n sole and absolute discretion of {site}. The official standard membership rates for\n the Site shall be set forth at the following link: {site}. The current monthly\n membership rate which will appear on Subscriber’s credit card bill, will be debited\n from Subscriber’s account, charged to Subscriber’s telephone, etc., depending on\n Subscriber’s choice of payment means.\n
\n
\n );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport SearchResults from '../component/search/results.jsx';\n\nconst StyledPage = styled.div`\n position: relative;\n\n h1 {\n text-align: center;\n }\n\n .page {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n\n .search-results {\n }\n`;\n\nexport default function PageSearchResults({ state }) {\n return (\n
\n \n
Results
\n \n \n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport Header from './header.jsx';\nimport Footer from './footer.jsx';\nimport 'site/site.css';\nimport 'style/app.css';\nimport { setTracking } from '../lib/tracking.js';\nimport { del, getData, setData } from '../lib/storage.js';\nimport LoginDialog from '../component/dialog/login.jsx';\nimport LockdownDialog from '../component/dialog/lockdown.jsx';\nimport ResetPasswordDialog from '../component/dialog/reset-password.jsx';\nimport BusyOverlay from '../component/element/busy-overlay.jsx';\nimport { Discounts } from './discounts.jsx';\n\nimport PageWebmasters from 'site/webmasters.jsx';\nimport PageServerError from '../page/500.jsx';\nimport PageNotFound from '../page/404.jsx';\nimport PageHome from '../page/home.jsx';\nimport PageModels from '../page/models.jsx';\nimport PageModel from '../page/model.jsx';\nimport PageVideos from '../page/videos.jsx';\nimport PageVideo from '../page/video.jsx';\nimport PageWelcome from '../page/welcome.jsx';\n// import PageLinkedLogin from '../page/linked-login.jsx';\nimport PagePasswordReset from '../page/password-reset.jsx';\nimport PageUsc2257 from '../page/static/usc2257.jsx';\nimport PagePrivacy from '../page/static/privacy.jsx';\nimport PageTerms from '../page/static/terms.jsx';\nimport PageSearchResults from '../page/search-results.jsx';\n\nconst HIDE_MENU = [`join`];\n\nconst StyledPage = styled.div`\n display: flex;\n flex-direction: column;\n\n .spacer {\n flex-grow: 1;\n }\n header,\n main,\n footer {\n flex-grow: 0;\n }\n`;\n\nexport default function App({ state, error }) {\n // Make sure we save any tracking querystring values\n setTracking();\n const [user, setUserState] = useState(undefined);\n function setUser(u) {\n if (u) {\n setData(`user`, u);\n setUserState(u);\n } else {\n del(`user`);\n setUserState(undefined);\n }\n }\n useEffect(() => {\n const storedUser = getData(`user`);\n storedUser &&\n !user &&\n fetch(`${state.root.key.api}/api/legacy/user/refresh?site=${state.root.$site}`, {\n method: `get`,\n credentials: `include`,\n headers: {\n Accept: `application/json`,\n },\n }).then(response => response.ok && response.json().then(({ user: u }) => setUser(u)));\n });\n return (\n <>\n
\n
\n
\n \n );\n}\n\nfunction Content({ user, setUser, state, error }) {\n const current = state.page.useCurrent();\n // TODO: Consider this.\n const packages = state.biller.usePackages();\n\n return (\n <>\n
\n \n \n \n \n \n \n \n \n \n
\n \n );\n}\n\nfunction Page({ user, current, error, setUser }) {\n if (error) {\n return
;\n }\n const props = { state: current, user };\n switch (current?.$page) {\n case `home`:\n return
;\n case `model`:\n return
;\n case `models`:\n return
;\n case `video`:\n return
;\n case `videos`:\n return
;\n case `webmasters`:\n return
;\n case `usc2257`:\n return
;\n case `privacy`:\n return
;\n case `terms`:\n return
;\n case `welcome`:\n return
;\n // case `linked-login`:\n // return
;\n case `password-reset`:\n return
;\n case `search-results`:\n return
;\n case `404`:\n default:\n return
;\n }\n}\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import(`web-vitals`).then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import assert from 'assert';\nimport { useState, useEffect } from 'react';\n\nexport default function useObservable(observable, intialState) {\n assert(observable, `observable MUST be supplied`);\n\n const shouldWatch = typeof observable !== `function`;\n const watch = shouldWatch ? [observable] : [];\n\n const [state, setState] = useState(intialState);\n useEffect(() => {\n const obs = typeof observable === `function` ? observable() : observable;\n\n const sub = obs.subscribe(value => {\n setState(value);\n });\n return () => sub.unsubscribe();\n }, watch);\n return state;\n}\n","import assert from 'assert';\nimport uuid from 'uuid';\nimport createState from './state.js';\n\nexport default function createInteractionState({ root }) {\n const running = {};\n let count = 0;\n\n return createState({\n root,\n values: {\n busy: false,\n },\n createActions,\n });\n\n function createActions(state) {\n return {\n start,\n end,\n };\n\n function start(id = uuid.v4()) {\n assert(!running[id], `${id} has already been registered as running`);\n running[id] = true;\n count++;\n\n if (count === 1) {\n process.nextTick(() => {\n if (count >= 1) {\n state.busy = true;\n }\n });\n }\n\n return id;\n }\n\n function end(id) {\n if (running[id]) {\n delete running[id];\n count--;\n\n if (count === 0) {\n process.nextTick(() => {\n if (count === 0) {\n state.busy = false;\n }\n });\n }\n }\n }\n }\n}\n","import assert from 'assert';\nimport { ApolloLink } from '@apollo/client';\n\nexport default function createStateLink(state) {\n assert(state, `state MUST be supplied`);\n return new ApolloLink((operation, next) => {\n operation.setContext(previous => ({\n ...previous,\n state: state.root,\n }));\n return next(operation);\n });\n}\n","import assert from 'assert';\nimport { ApolloLink } from '@apollo/client';\n\nconst API_KEY = `argonath-api-key`;\nconst MODE = typeof window === `undefined` ? undefined : { mode: `cors` };\n\nexport default function createArgonathLink() {\n return new ApolloLink((operation, next) => {\n const { state, headers, fetchOptions } = operation.getContext();\n assert(state, `state MUST be set on the context`);\n assert(state.key.argonath, `argonath key MUST be defined on state`);\n\n operation.setContext(previous => ({\n ...previous,\n headers: {\n ...headers,\n [API_KEY]: state.key.argonath,\n },\n fetchOptions: {\n ...fetchOptions,\n ...MODE,\n },\n }));\n\n return next(operation);\n });\n}\n","import { ApolloClient, HttpLink, InMemoryCache, from } from '@apollo/client';\nimport { RetryLink } from '@apollo/client/link/retry';\nimport createStateLink from './link-state.js';\nimport createArgonathLink from './link-argonath.js';\nimport createAuthLink from './link-auth.js';\n\nconst RETRY = 10;\nconst DELAY = 100;\nconst MAX_DELAY = 10000;\n\nconst clientCache = new WeakMap();\nconst authClientCache = new WeakMap();\n\nexport function getClient(state) {\n return getCached(clientCache, state, createClient);\n}\n\nexport function getAuthenticatedClient(state) {\n return getCached(authClientCache, state, createAuthenticatedClient);\n}\n\nfunction getCached(cache, state, create) {\n if (!cache.has(state)) {\n cache.set(state, create(state));\n }\n return cache.get(state);\n}\n\nfunction createClient(state) {\n return createBaseClient(state);\n}\n\nfunction createAuthenticatedClient(state) {\n const authLink = createAuthLink();\n const client = createBaseClient(state, [authLink]);\n\n return client;\n}\n\nfunction createBaseClient(state, links = []) {\n const httpLink = new HttpLink({\n uri: `https://${state.root.$site}.team18media.app/graphql`,\n });\n\n const retryLink = new RetryLink({\n delay: {\n initial: DELAY,\n max: MAX_DELAY,\n },\n attempts: {\n max: RETRY,\n retryIf: error => {\n console.log(`retryIf`, error);\n return !!error;\n },\n },\n });\n\n const stateLink = createStateLink(state);\n const argonathLink = createArgonathLink();\n\n // TODO: On the server this should\n const isServer = typeof window === `undefined`;\n\n // TODO: How could we tie this up to the asset loaders?\n // If we know what is cached we can get it from the cache\n // instead of from the batch...\n const cache = new InMemoryCache({\n // TODO: Configure good caching\n resultCaching: !isServer,\n\n typePolicies: {\n Query: {\n fields: {\n asset: {\n merge: true,\n },\n talent: {\n merge: true,\n },\n video: {\n merge: true,\n },\n },\n },\n Asset: {\n keyArgs: `path`,\n },\n },\n\n invalidationPolicies: {\n timeToLive: isServer ? 0 : 50 * 60 * 1000,\n renewalPolicy: `WriteOnly`,\n\n types: {\n AssetBatchSearchResult: {\n timeToLive: isServer ? 0 : 5 * 60 * 1000,\n },\n TalentListResult: {\n timeToLive: isServer ? 0 : 5 * 60 * 1000,\n },\n },\n },\n });\n\n return new ApolloClient({\n link: from([stateLink, ...links, argonathLink, retryLink, httpLink]),\n cache,\n\n // TODO: From config\n name: `${state.root.$site}:site`,\n version: `1.0`,\n\n // TODO: How to set this (server side rendering mode)\n // dynamically?\n ssrMode: false,\n });\n}\n","import assert from 'assert';\nimport { ApolloLink } from '@apollo/client';\n\nexport default function createAuthLink() {\n return new ApolloLink(async (operation, next) => {\n const { state } = operation.getContext();\n assert(state, `state MUST be set on the context`);\n\n try {\n return await makeRequest();\n } catch (error) {\n throw error;\n }\n\n function makeRequest() {\n operation.setContext(previous => ({\n ...previous,\n headers: {\n ...(previous && previous.headers),\n },\n }));\n return next(operation);\n }\n });\n}\n","export default async function handleErrors(exec) {\n try {\n return await exec();\n } catch (error) {\n throw extractGraphqlError(error);\n }\n}\n\nfunction extractGraphqlError(error) {\n if (!Array.isArray(error.graphQLErrors)) {\n return error;\n }\n const gqlError = error.graphQLErrors[0];\n if (!gqlError) {\n return error;\n }\n\n if (!gqlError.extensions) {\n return error;\n }\n\n if (!gqlError.extensions.exception) {\n Object.assign(error, gqlError.extensions);\n return error;\n }\n\n error = new Error(error.message);\n error.code = gqlError.extensions.exception.code;\n return error;\n}\n","import { gql } from '@apollo/client';\nimport DataLoader from 'dataloader';\nimport { getClient, getAuthenticatedClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nconst MAX_CONCURRENT = 100;\n\nconst INFO = {\n serve: `\n type\n uri\n `,\n download: `\n type\n uri\n `,\n stream: `\n uri\n token\n type\n `,\n};\n\nexport default function createAssetService(state) {\n const serveLoader = new DataLoader(createLoaderHandler(getClient, serveAsset));\n const streamLoader = new DataLoader(createLoaderHandler(getClient, streamAsset));\n const downloadLoader = new DataLoader(createLoaderHandler(getClient, downloadAsset));\n\n const authServeLoader = new DataLoader(createLoaderHandler(getAuthenticatedClient, serveAsset));\n const authStreamLoader = new DataLoader(\n createLoaderHandler(getAuthenticatedClient, streamAsset)\n );\n const authDownloadLoader = new DataLoader(\n createLoaderHandler(getAuthenticatedClient, downloadAsset)\n );\n\n return {\n serve,\n stream,\n download,\n };\n\n function serve(key, member) {\n if (member) {\n return authServeLoader.load(key);\n } else {\n return serveLoader.load(key);\n }\n }\n function stream(key, member) {\n if (member) {\n return authStreamLoader.load(key);\n } else {\n return streamLoader.load(key);\n }\n }\n function download(key, member) {\n if (member) {\n return authDownloadLoader.load(key);\n } else {\n return downloadLoader.load(key);\n }\n }\n\n function createLoaderHandler(getClient, handler) {\n return path => handler(path, find, batch);\n\n async function find(path, type) {\n const client = await getClient(state);\n const queryResult = await client.query({\n query: gql`\n query FindAssetQuery($path: String!) {\n asset {\n find(input: { path: $path }) {\n result {\n path\n mime\n size\n ${type} {\n ${INFO[type]}\n }\n }\n }\n }\n }\n `,\n variables: { path },\n });\n const found = queryResult.data.asset.find.result;\n if (!found) {\n throw new Error(`Missing asset at \"${path}\"`);\n }\n return found;\n }\n\n async function batch(paths, type) {\n const client = await getClient(state);\n const queryResult = await client.query({\n query: gql`\n query BatchFindAssetQuery($paths: [String!]!) {\n asset {\n batch(input: { paths: $paths }) {\n result {\n path\n mime\n size\n ${type} {\n ${INFO[type]}\n }\n }\n }\n }\n }\n `,\n variables: { paths },\n });\n const found = queryResult.data.asset.batch.result;\n return found;\n }\n }\n\n async function downloadAsset(path, find, batch) {\n if (Array.isArray(path)) {\n return unique(path, items => handleError(() => batch(items, `download`)));\n } else {\n return handleError(() => find(path, `download`));\n }\n }\n\n async function serveAsset(path, find, batch) {\n if (Array.isArray(path)) {\n return unique(path, items => handleError(() => batch(items, `serve`)));\n } else {\n return handleError(() => find(path, `serve`));\n }\n }\n\n async function streamAsset(path, find, batch) {\n if (Array.isArray(path)) {\n return unique(path, items => handleError(() => batch(items, `stream`)));\n } else {\n return handleError(() => find(path, `stream`));\n }\n }\n\n async function unique(path, exec) {\n const unq = path.filter((p, idx) => path.indexOf(p) === idx);\n const result = await split(unq, MAX_CONCURRENT, exec);\n // const result = await exec(unq);\n return path.map(p => result[unq.indexOf(p)]);\n\n async function split(arr, size, exec) {\n const arrs = [];\n for (let index = 0; index < arr.length; index = index + size) {\n arrs.push(arr.slice(index, index + size));\n }\n const result = await Promise.all(arrs.map(exec));\n return result.flat();\n }\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createVideoService(state) {\n return {\n find,\n next,\n list,\n };\n\n function find(videoId) {\n return handleError(() => doFind(videoId));\n }\n\n function next() {\n return handleError(() => doNext());\n }\n\n function list(...args) {\n return handleError(() => doList(...args));\n }\n\n async function doFind(videoId) {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query FindVideo($videoId: ID!) {\n video {\n find(input: { videoId: $videoId }) {\n result {\n videoId\n title\n duration\n galleryCount\n description {\n short\n long\n }\n talent {\n type\n talent {\n talentId\n name\n }\n }\n }\n }\n }\n }\n `,\n variables: { videoId },\n });\n return result.data.video.find.result;\n }\n\n async function doNext() {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query FindNextVideo {\n video {\n next {\n result {\n videoId\n title\n duration\n description {\n short\n long\n coming\n }\n talent {\n type\n talent {\n talentId\n name\n }\n }\n }\n }\n }\n }\n `,\n });\n return result.data.video.next.result;\n }\n\n async function doList(order, desc, after, limit) {\n const client = await getClient(state);\n if (order) {\n order = [\n {\n field: order,\n desc,\n },\n ];\n }\n\n const result = await client.query({\n query: gql`\n query ListVideo($order: [OrderEntry!], $after: ID, $limit: Int) {\n video {\n list(input: { order: $order, after: $after, first: $limit }) {\n result {\n edges {\n node {\n videoId\n title\n duration\n description {\n short\n long\n home\n }\n talent {\n type\n talent {\n talentId\n name\n }\n }\n }\n cursor\n }\n pageInfo {\n hasNextPage\n }\n }\n }\n }\n }\n `,\n variables: { order, after, limit },\n });\n const connection = result.data.video.list.result;\n return connection.edges.map((edge, idx, arr) => ({\n ...edge.node,\n cursor: edge.cursor,\n isLast: idx === arr.length - 1 && !connection.pageInfo.hasNextPage,\n }));\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createTextService(state) {\n return {\n find,\n };\n\n function find(slug) {\n return handleError(() => doFind(slug));\n }\n\n async function doFind(slug) {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query FindText($slug: ID!) {\n text {\n find(input: { slug: $slug }) {\n result {\n slug\n name\n value\n }\n }\n }\n }\n `,\n variables: { slug },\n });\n return result.data.text.find.result;\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createBannerService(state) {\n return {\n list,\n };\n\n function list() {\n return handleError(() => doList());\n }\n\n async function doList() {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query ListBanners {\n banner {\n list {\n result {\n name\n link\n start\n }\n }\n }\n }\n `,\n });\n return result.data.banner.list.result;\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createHomepageFeaturesService(state) {\n return {\n homepageFeatures,\n };\n\n function homepageFeatures() {\n return handleError(() => getHomepageFeatures());\n }\n\n async function getHomepageFeatures() {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query HomepageFeatures {\n homepageFeatures {\n homepageFeatures {\n result {\n title\n content {\n title\n talentId\n videoId\n }\n }\n }\n }\n }\n `,\n });\n return result.data.homepageFeatures.homepageFeatures.result;\n }\n}\n","export default async function promiseTree(value, cache = new WeakMap()) {\n if (!value || typeof value !== `object`) {\n return value;\n }\n\n if (cache.has(value)) {\n return cache.get(value);\n }\n\n const received = value instanceof Promise ? await value : value;\n\n if (!received || typeof received !== `object`) {\n cache.set(value, received);\n return received;\n }\n\n const result = Array.isArray(received) ? [] : {};\n cache.set(value, result);\n\n await Promise.all(\n Object.keys(received).map(async key => {\n result[key] = await promiseTree(received[key], cache);\n })\n );\n\n return result;\n}\n","export default function mutex(handler) {\n let executing;\n return function mutexed() {\n if (!executing) {\n executing = handler();\n if (executing && typeof executing.then === `function`) {\n executing.then(clearExecuting, clearExecuting);\n }\n }\n return executing;\n };\n\n function clearExecuting() {\n executing = undefined;\n }\n}\n","import createAssetService from '../../argonath/asset.js';\nimport createVideoService from '../../argonath/video.js';\nimport promiseTree from '../../../lib/promise-tree.js';\nimport createState from '../state.js';\nimport placeholder from '../../../lib/placeholder.js';\nimport mutex from '../mutex.js';\n\n// TODO: From config\nconst VIDEO_SIZES = [`4k`, `1080`, `720`, `360`];\nconst LIMIT = 15;\n\nconst LOADING_VIDEO = {\n videoId: `video-loading`,\n models: [],\n loading: true,\n poster: {\n x1: placeholder(16, 9),\n },\n image: {\n portraight: {\n x1: placeholder(4, 5),\n },\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n};\n\nconst LOADING = Array(20)\n .fill(0)\n .map((ele, idx) => ({\n ...LOADING_VIDEO,\n videoId: `${LOADING_VIDEO.videoId}-${idx}`,\n }));\n\nexport default function createVideosState({ root, values: { videos } }) {\n let loading;\n if (!videos) {\n videos = loading = LOADING.map(ele => ({\n ...ele,\n title: root.$catchPhrase,\n name: root.$catchPhrase,\n description: {\n short: root.$catchPhrase,\n long: root.$catchPhrase,\n },\n }));\n }\n\n const prepareVideo = createVideoPreparer(root);\n const { list: listVideo } = createVideoService(root);\n\n // list takes (order, after, limit)\n\n return createState({\n root,\n\n values: {\n $page: `videos`,\n title: `Videos`,\n videos,\n },\n\n createActions,\n });\n\n function createActions(state) {\n return {\n load,\n next: mutex(next),\n };\n\n async function load() {\n if (state.videos !== loading) {\n return;\n }\n const videos = await loadFrom(undefined);\n state.videos = videos;\n }\n\n async function next() {\n // We don't want next to be available until after\n // the initial load is complete\n if (state.videos === loading) {\n return;\n }\n\n const lastVideo = state.videos[state.videos.length - 1];\n if (!lastVideo || lastVideo.isLast) {\n return;\n }\n\n const after = lastVideo && lastVideo.cursor;\n const videos = await loadFrom(after);\n\n if (videos.length === 0 && state.videos.length > 0) {\n state.videos[state.videos.length - 1].isLast = true;\n }\n\n state.videos = [...state.videos, ...videos].filter(unique);\n }\n\n async function loadFrom(after) {\n let videos = await listVideo(\n undefined, // order\n undefined, // desc\n after, // after\n LIMIT // count\n );\n videos = await Promise.all(videos.map(video => prepareVideo(video, `videos`)));\n return videos;\n }\n\n function unique(ele, idx, arr) {\n const idIndex = arr.findIndex(item => item.videoId === ele.videoId);\n return idx === idIndex;\n }\n }\n}\n\nexport function createVideoPreparer(state) {\n // TODO: This needs to be in it's own module\n const { serve, stream, download } = createAssetService(state);\n return (video, mode) => prepareVideo(video, mode); //.then(finalizeDownloads);\n\n function prepareVideo(video, mode) {\n if (!video) {\n return video;\n }\n\n const isVideo = mode === `video`;\n const isVideos = mode === `videos`;\n const isHome = mode === `home`;\n\n // const downloads = isVideo && prepareDownloads(video) || [];\n const [modelId, sceneId] = video.videoId.split(`:`);\n\n return promiseTree({\n ...video,\n // downloads,\n video: isVideo && streamVideo(`/members/streamvids/${modelId}/${modelId}-${sceneId}`),\n thumbs:\n isVideo &&\n serveAsset(`/members/streamvids/${modelId}/${modelId}-${sceneId}-thumbs.mp4`, true),\n image:\n isVideo ||\n (isVideos && {\n portraight: {\n x1: serveAsset(\n `/members/models/${modelId}/scenes/${sceneId}/selfie-sm.jpg`\n ),\n },\n landscape: {\n x1: serveAsset(\n `/members/models/${modelId}/scenes/${sceneId}/videothumb.jpg`\n ),\n },\n }),\n homeImage: isHome && {\n portraight: {\n x1: serveAsset(`/members/models/${modelId}/scenes/${sceneId}/homethumb-sm.jpg`),\n },\n landscape: {\n x1: serveAsset(\n `/members/models/${modelId}/scenes/${sceneId}/homethumb-big.jpg`\n ),\n },\n },\n poster: isVideo && {\n x1: serveAsset(`/members/models/${modelId}/scenes/${sceneId}/videothumb.jpg`),\n },\n models: prepareModels(video.talent),\n });\n }\n\n function prepareDownloads(video) {\n const [modelId, videoId] = video.videoId.split(`:`);\n // TODO: video does not have sizes...\n // We need a highest quality coming out of argonath\n const downloads = VIDEO_SIZES\n // .filter(size => video[`size${size}`])\n .map(size => ({\n title: `${size}`,\n asset: downloadFile(\n `/members/streamvids/${modelId}/${modelId}-${videoId}-${size}.mp4`,\n true\n ),\n }));\n\n if (video.galleryCount > 0) {\n downloads.push({\n title: `Download Picture Set`,\n pictureSet: true,\n asset: downloadFile(\n `/members/models/${modelId}/scenes/${videoId}/${modelId}-${videoId}-pics.zip`,\n true\n ),\n });\n }\n\n return downloads;\n }\n\n function prepareModels(talent) {\n if (!talent) {\n return [];\n }\n\n return talent\n .filter(entry => entry.type === `MODEL`)\n .map(talent => {\n const { talentId, ...rest } = talent.talent;\n return {\n modelId: talentId,\n ...rest,\n image: {\n portraight: {\n x1: serveAsset(`/members/models/${talentId}/profile-sm.jpg`),\n },\n landscape: {\n x1: serveAsset(`/members/models/${talentId}/profile-big.jpg`),\n },\n },\n };\n });\n }\n\n async function serveAsset(path, member) {\n const info = await serve(path, member);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return;\n }\n if (info.serve && info.serve.uri) {\n return info.serve.uri;\n } else {\n return undefined;\n }\n }\n\n async function streamVideo(path) {\n const info = await stream(path, true);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info.stream;\n }\n\n async function downloadFile(path) {\n const info = await download(path, true);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info;\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createTalentService(state) {\n return {\n find,\n list,\n };\n\n function find(talentId) {\n return handleError(() => doFind(talentId));\n }\n function list(...args) {\n return handleError(() => doList(...args));\n }\n\n async function doFind(talentId) {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query FindTalent($talentId: ID!) {\n talent {\n find(input: { talentId: $talentId }) {\n result {\n talentId\n name\n videos {\n videoId\n title\n description {\n short\n long\n }\n }\n dimensions {\n height\n weight\n measurements {\n cup\n waist\n hips\n }\n }\n }\n }\n }\n }\n `,\n variables: { talentId },\n });\n return result.data.talent.find.result;\n }\n\n async function doList(order, desc, after, limit) {\n const client = await getClient(state);\n if (order) {\n order = [\n {\n field: order,\n desc,\n },\n ];\n }\n\n const result = await client.query({\n query: gql`\n query ListTalent($order: [OrderEntry!], $after: ID, $limit: Int) {\n talent {\n list(input: { order: $order, after: $after, first: $limit }) {\n result {\n edges {\n node {\n talentId\n name\n }\n cursor\n }\n pageInfo {\n hasNextPage\n }\n }\n }\n }\n }\n `,\n variables: { order, after, limit },\n });\n const connection = result.data.talent.list.result;\n return connection.edges.map((edge, idx, arr) => ({\n ...edge.node,\n cursor: edge.cursor,\n isLast: idx === arr.length - 1 && !connection.pageInfo.hasNextPage,\n }));\n }\n}\n","import createAssetService from '../../argonath/asset.js';\nimport createTalentService from '../../argonath/talent.js';\nimport promiseTree from '../../../lib/promise-tree.js';\nimport placeHolder from '../../../lib/placeholder.js';\nimport mutex from '../mutex.js';\nimport createState from '../state.js';\n\nconst LIMIT = 15;\n\nconst NAMES = (\n `ANGEL BELLINI KREY BAILEY BLOSSOM TAYLOR HAZEL ` +\n `JASMINE JEWELZ JILL QUINN MACE MEADOWS KALISY DEVI EXICO ` +\n `ROSE SU TRISTAN`\n).split(` `);\n\nconst LOADING_MODELS_MODEL = {\n modelId: `model-loading`,\n name: ``,\n loading: true,\n image: {\n portraight: {\n x1: placeHolder(8, 9),\n },\n landscape: {\n x1: placeHolder(16, 9),\n },\n },\n};\n\nconst DEFAULT = [\n createLoadingModel(0),\n createLoadingModel(1),\n createLoadingModel(2),\n createLoadingModel(3),\n createLoadingModel(4),\n createLoadingModel(5),\n createLoadingModel(6),\n createLoadingModel(7),\n createLoadingModel(8),\n];\n\nexport default function createModelsState({ root, values: { models = DEFAULT } = {} }) {\n const prepareModel = createModelPreparer(root);\n const { list: listTalent } = createTalentService(root);\n\n const state = createState({\n root,\n\n values: {\n $page: `models`,\n title: `Models`,\n models,\n },\n\n createActions,\n });\n\n return state;\n\n function createActions() {\n return {\n load,\n next: mutex(next),\n };\n\n async function load() {\n if (state.models !== DEFAULT) {\n return;\n }\n const models = await loadFrom(undefined);\n state.models = models;\n }\n\n async function next() {\n // We don't want next to be available until after\n // the initial load is complete\n if (state.models === DEFAULT) {\n return;\n }\n\n const lastModel = state.models[state.models.length - 1];\n if (!lastModel || lastModel.isLast) {\n return;\n }\n\n const after = lastModel && lastModel.cursor;\n const models = await loadFrom(after);\n\n if (models.length === 0 && state.models.length > 0) {\n state.models[state.models.length - 1].isLast = true;\n }\n\n state.models = [...state.models, ...models].filter(unique);\n }\n\n async function loadFrom(after) {\n const items = await listTalent(\n undefined, // order\n undefined, // desc\n after, // after\n LIMIT // count\n );\n const models = await Promise.all(items.map(talent => prepareModel(talent)));\n return models;\n }\n\n function unique(ele, idx, arr) {\n const idIndex = arr.findIndex(item => item.modelId === ele.modelId);\n return idx === idIndex;\n }\n }\n}\n\nexport function createModelPreparer(state) {\n const { serve } = createAssetService(state);\n return function prepareModel(talent) {\n if (!talent) {\n return talent;\n }\n const { talentId, videos, ...rest } = talent;\n return promiseTree({\n modelId: talentId,\n ...rest,\n image: {\n portraight: {\n x1: serveImage(`/members/models/${talentId}/profile-sm.jpg`),\n },\n landscape: {\n x1: serveImage(`/members/models/${talentId}/profile-big.jpg`),\n },\n },\n videos:\n videos &&\n videos.map(video => {\n const [, sceneId] = video.videoId.split(`:`);\n return {\n ...video,\n image: {\n portraight: {\n x1: serveImage(\n `/members/models/${talentId}/scenes/${sceneId}/selfie-sm.jpg`\n ),\n },\n landscape: {\n x1: serveImage(\n `/members/models/${talentId}/scenes/${sceneId}/videothumb.jpg`\n ),\n },\n },\n };\n }),\n });\n };\n\n async function serveImage(path) {\n if (!path) {\n return undefined;\n }\n const info = await serve(path);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info && info.serve && info.serve.uri;\n }\n}\n\nfunction createLoadingModel(index) {\n return {\n ...LOADING_MODELS_MODEL,\n modelId: `${LOADING_MODELS_MODEL.modelId}-${index}`,\n name: randomName(),\n };\n\n function randomName() {\n const first = NAMES[Math.floor(Math.random() * NAMES.length)];\n const last = NAMES[Math.floor(Math.random() * NAMES.length)];\n return `${first} ${last}`;\n }\n}\n","import createAssetService from '../../argonath/asset.js';\nimport createVideoService from '../../argonath/video.js';\nimport createTextService from '../../argonath/text.js';\nimport createBannerService from '../../argonath/banner.js';\nimport createHomepageFeaturesService from '../../argonath/homepage-features.js';\nimport { createVideoPreparer } from './videos.js';\nimport { createModelPreparer } from './models.js';\nimport promiseTree from '../../../lib/promise-tree.js';\n\nimport createState from '../state.js';\nimport placeholder from '../../../lib/placeholder.js';\n\nconst LOADING_VIDEO = {\n videoId: `video-loading`,\n title: ``,\n loading: true,\n models: [\n {\n modelId: `model-loading`,\n name: ``,\n loading: true,\n image: {\n portraight: {\n x1: placeholder(8, 9),\n },\n },\n },\n ],\n description: {\n short: ``,\n long: ``,\n },\n homeImage: {\n portraight: {\n x1: placeholder(4, 5),\n },\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n};\n\nconst LOADING_FEATURE_VIDEO = {\n loading: true,\n videoId: `feature-video-loading`,\n title: `Loading video feature`,\n image: {\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n};\n\nconst LOADING_FEATURE_MODEL = {\n loading: true,\n modelId: `feature-model-loading`,\n title: `Loading model feature`,\n image: {\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n};\n\nconst LOADING = [loadingVideo(0), loadingVideo(1), loadingVideo(2), loadingVideo(3)];\nconst LOADING_FEATURES = [\n {\n title: `featurelist-1`,\n content: [loadingVideoFeature(0), loadingVideoFeature(1), loadingVideoFeature(2)],\n },\n {\n title: `featurelist-2`,\n content: [loadingVideoFeature(3), loadingVideoFeature(4), loadingVideoFeature(5)],\n },\n {\n title: `featurelist-3`,\n content: [loadingModelFeature(0), loadingModelFeature(1), loadingModelFeature(2)],\n },\n];\n\n// TODO: Change this to loading once this is coming from a datasource\nconst LOADING_NEXT = {\n videoId: `video-loading`,\n models: [\n {\n modelId: `model-loading`,\n name: ``,\n loading: true,\n image: {\n portraight: {\n x1: placeholder(8, 9),\n },\n },\n },\n ],\n loading: true,\n description: {\n short: ``,\n },\n homeImage: {\n portraight: {\n x1: placeholder(4, 5),\n },\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n};\n\nconst DEFAULT_NEWS = {\n name: ``,\n value: ``,\n};\nconst DEFAULT_OUR_STORY = {\n name: ``,\n value: ``,\n};\nconst DEFAULT_SPECIAL = {\n portraight: {\n x1: placeholder(3, 5),\n },\n landscape: {\n x1: placeholder(16, 9),\n },\n};\n\nexport default function createHomeState({\n root,\n values: {\n recent = LOADING,\n features = LOADING_FEATURES,\n next = LOADING_NEXT,\n news = DEFAULT_NEWS,\n ourStory = DEFAULT_OUR_STORY,\n special = DEFAULT_SPECIAL,\n specialLink = `/join`,\n } = {},\n}) {\n const { serve } = createAssetService(root);\n const { list: videoList, next: videoNext } = createVideoService(root);\n const { find: textFind } = createTextService(root);\n const { list: bannerList } = createBannerService(root);\n const { homepageFeatures } = createHomepageFeaturesService(root);\n const prepareVideo = createVideoPreparer(root);\n const prepareModel = createModelPreparer(root);\n const state = createState({\n root,\n values: {\n $page: `home`,\n recent,\n features,\n next,\n title: ``,\n news,\n ourStory,\n special,\n specialLink,\n },\n derived: {\n latest: {\n from: [`recent`],\n combine: state => state.recent[0],\n },\n recentModels: {\n from: [`recent`],\n // TODO: It would be better if this could somehow return\n // the same array every time....\n combine: state =>\n state.recent.slice(1, 4).map(video => ({\n ...video.models[0],\n videoId: video.videoId,\n })),\n },\n },\n createActions,\n });\n return state;\n\n function createActions(state) {\n return { load };\n\n async function load() {\n // If we've alreadt loaded do nothihg\n if (state.recent !== LOADING) {\n return;\n }\n\n try {\n const banner = (await bannerList()).reduce((c, n) => {\n const now = new Date();\n const current = new Date(c.start);\n const next = new Date(n.start);\n // if there is a current\n // and next is later than now (next is in future) => current\n // or current is later than next (current is newer) => current\n // else => next\n return c && (next - now > 0 || current - next > 0) ? c : n;\n });\n\n state.special = await promiseTree({\n portraight: {\n x1: serveImage(`/graphics/homepage-${banner.name}-hero-small.jpg`),\n },\n landscape: {\n x1: serveImage(`/graphics/homepage-${banner.name}-hero-big.jpg`),\n },\n });\n state.specialLink = banner.link || `/join`;\n\n const recent = await videoList(\n `release`, // order by release\n true, // desc\n undefined, // after\n 4 // limit\n );\n\n const videos = await Promise.all(\n recent.map(\n // Prepare the video without the detailed CDN data\n video => prepareVideo(video, `home`)\n )\n );\n\n state.recent = videos;\n\n const features = await homepageFeatures();\n\n state.features = await Promise.all(\n features.map(async feature => ({\n ...feature,\n content: await Promise.all(\n feature.content.map(item => {\n if (item.videoId) {\n return prepareVideo(item, `videos`);\n }\n if (item.talentId) {\n return prepareModel(item);\n }\n return item;\n })\n ),\n }))\n );\n const nextVideo = await videoNext();\n if (nextVideo) {\n state.next = await prepareVideo(nextVideo, `home`);\n } else {\n state.next = undefined;\n }\n\n state.news = await textFind(`news`);\n state.ourStory = await textFind(`our-story`);\n } catch (error) {\n console.error(error);\n }\n }\n }\n\n async function serveImage(path) {\n if (!path) {\n return undefined;\n }\n const info = await serve(path);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info && info.serve && info.serve.uri;\n }\n}\n\nfunction loadingVideo(index) {\n return {\n ...LOADING_VIDEO,\n videoId: `${LOADING_VIDEO.videoId}-${index}`,\n models: LOADING_VIDEO.models.map((model, modelIndex) => ({\n ...model,\n modelId: `${model.modelId}-${index}-${modelIndex}`,\n })),\n };\n}\n\nfunction loadingVideoFeature(index) {\n return {\n ...LOADING_FEATURE_VIDEO,\n videoId: `${LOADING_FEATURE_VIDEO.videoId}-${index}`,\n };\n}\n\nfunction loadingModelFeature(index) {\n return {\n ...LOADING_FEATURE_MODEL,\n modelId: `${LOADING_FEATURE_MODEL.modelId}-${index}`,\n };\n}\n","import createAssetService from '../../argonath/asset.js';\nimport createTalentService from '../../argonath/talent.js';\nimport promiseTree from '../../../lib/promise-tree.js';\n\nimport createState from '../state.js';\nimport placeholder from '../../../lib/placeholder.js';\n\nconst LOADING = {\n name: ``,\n dimensions: {\n height: `FITNESS`,\n weight: `IS`,\n measurements: `SEXY`,\n },\n image: {\n portraight: {\n x1: placeholder(4, 5),\n },\n landscape: {\n x1: placeholder(16, 9),\n },\n },\n videos: [],\n};\n\nexport default function createModelState({ root, values: { model, modelId = `` } = {} }) {\n const loadingModel = {\n ...LOADING,\n name: modelId.split(`-`).join(` `),\n // The id needs to match for pathing\n modelId,\n };\n model = model || loadingModel;\n const { serve } = createAssetService(root);\n const { find: findTalent } = createTalentService(root);\n\n const state = createState({\n root,\n\n values: {\n $page: `model`,\n title: ``,\n model,\n },\n\n derived: {\n title: {\n from: [`model`],\n combine: state => state.model.name,\n },\n },\n\n createActions,\n });\n\n return state;\n\n function createActions() {\n return {\n load,\n };\n\n async function load() {\n if (state.model !== loadingModel) {\n return;\n }\n\n if (!modelId) {\n root.page.notFound();\n return;\n }\n\n const model = await findTalent(modelId);\n if (!model) {\n root.page.notFound();\n return;\n }\n\n // TODO: Separate profile and video load\n const prepared = await prepareModel(model);\n state.model = prepared;\n }\n }\n\n function prepareModel(talent) {\n if (!talent) {\n return talent;\n }\n const { talentId, videos, ...rest } = talent;\n return promiseTree({\n modelId: talentId,\n ...rest,\n image: {\n portraight: {\n x1: serveImage(`/members/models/${talentId}/profile-sm.jpg`),\n },\n landscape: {\n x1: serveImage(`/members/models/${talentId}/profile-big.jpg`),\n },\n },\n videos:\n videos &&\n videos.map(video => {\n const [, sceneId] = video.videoId.split(`:`);\n return {\n ...video,\n image: {\n portraight: {\n x1: serveImage(\n `/members/models/${talentId}/scenes/${sceneId}/selfie-sm.jpg`\n ),\n },\n landscape: {\n x1: serveImage(\n `/members/models/${talentId}/scenes/${sceneId}/videothumb.jpg`\n ),\n },\n },\n };\n }),\n });\n }\n\n async function serveImage(path) {\n if (!path) {\n return undefined;\n }\n const info = await serve(path);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info && info.serve && info.serve.uri;\n }\n}\n","import assert from 'assert';\nimport createAssetService from '../../argonath/asset.js';\nimport createVideoService from '../../argonath/video.js';\nimport createState from '../state.js';\nimport promiseTree from '../../../lib/promise-tree.js';\nimport placeholder from '../../../lib/placeholder.js';\nimport { createVideoPreparer } from './videos.js';\n\nconst VIDEO_SIZES = [`4k`, `1080`, `720`, `360`];\n\nconst LOADING = {\n loading: true,\n models: [],\n duration: 0,\n image: {\n portraight: {\n x1: placeholder(4, 5),\n },\n landscape: {\n x1: placeholder(64, 25),\n },\n },\n poster: {\n x1: placeholder(16, 9),\n },\n downloads: VIDEO_SIZES.map(size => ({\n title: `${size} - ...`,\n uri: false,\n })),\n gallery: Array(20)\n .fill(0)\n .map((v, index) => {\n return {\n thumb: placeholder(2, 3),\n full: placeholder(2, 3),\n };\n }),\n};\n\nexport default function createVideoState({ root, values: { video, photoIndex, videoId } = {} }) {\n if (!videoId && video) {\n videoId = video.videoId;\n }\n assert(videoId, `videoId or video is required`);\n const loadingVideo = {\n ...LOADING,\n title: root.$catchPhrase,\n description: {\n short: root.$catchPhrase,\n long: root.$catchPhrase,\n },\n // The id needs to match for pathing\n videoId,\n };\n video = video || loadingVideo;\n const prepareVideo = createVideoPreparer(root);\n const { find: findVideo } = createVideoService(root);\n\n return createState({\n root,\n\n values: {\n $page: `video`,\n video,\n photoIndex: photoIndex === undefined ? -1 : photoIndex,\n },\n\n derived: {\n title: {\n from: [`video`],\n combine: state => state.video.title,\n },\n downloads: {\n from: [`video`],\n combine: prepareDownloads,\n },\n gallery: {\n from: [`video`],\n combine: prepareGallery,\n },\n },\n\n createActions,\n });\n\n function createActions(state) {\n let loading, videoLoading;\n\n return {\n load,\n };\n\n function load() {\n if (!videoId) {\n root.page.notFound();\n return;\n }\n if (!loading) {\n loading = doLoad();\n }\n return loading;\n }\n\n async function doLoad() {\n const video = await loadVideo();\n if (!video) {\n root.page.notFound();\n }\n }\n\n async function loadVideo() {\n if (!videoId) {\n return undefined;\n }\n videoLoading = videoLoading || findVideo(videoId);\n const video = await videoLoading;\n if (!video) {\n return undefined;\n }\n\n // TODO: Extract downloads in the same way as gallery\n // TODO: Why is this running multiple times...? (Appears to be running 3 times!?)\n const prepared = await prepareVideo(video, `video`);\n\n // TODO: We should be createing a state from the video so\n // we can subscribe to values within it\n\n state.video = prepared;\n return video;\n }\n }\n\n function prepareGallery(state) {\n // TODO: We don't need the full images immediately\n if (!state.video) {\n return [];\n }\n\n if (Array.isArray(state.video.gallery)) {\n return state.video.gallery;\n }\n\n const galleryCount = state.video.galleryCount > 0 ? parseInt(state.video.galleryCount) : 0;\n\n const [modelId, videoId] = state.video.videoId.split(`:`);\n\n // TODO: Need to either consider a better naming convention\n // or have an asset service that can return a list or\n // store the relevant data on the video record\n const sceneIndex = videoId.replace(/[a-z]/gi, ``);\n const { serve } = createAssetService(state);\n return promiseTree(\n Array(galleryCount)\n .fill(0)\n .map((_, index) => {\n return {\n thumb: serveImage(\n `/members/models/${modelId}/scenes/${videoId}/photos` +\n `/thumbs/${state.root.$site}-${modelId}-${sceneIndex}-${\n index + 1\n }.jpg`\n ),\n // full: serveImage(\n // `/members/models/${modelId}/scenes/${videoId}/photos` +\n // `/${state.root.$site}-${modelId}-${sceneIndex}-${index + 1}.jpg`,\n // true\n // ),\n };\n })\n );\n\n async function serveImage(path, member) {\n const info = await serve(path, member);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return;\n }\n if (info.serve && info.serve.uri) {\n return info.serve.uri;\n } else {\n return undefined;\n }\n }\n }\n\n async function prepareDownloads(state) {\n if (!state.video) {\n return [];\n }\n\n if (Array.isArray(state.video.downloads)) {\n return state.video.downloads;\n }\n\n const { download } = createAssetService(state);\n const [modelId, videoId] = state.video.videoId.split(`:`);\n // TODO: video does not have sizes...\n // We need a highest quality coming out of argonath\n const downloads = VIDEO_SIZES.map(size => ({\n title: `${size}`,\n asset: downloadFile(\n `/members/streamvids/${modelId}/${modelId}-${videoId}-${size}.mp4`,\n true\n ),\n }));\n\n if (state.video.galleryCount > 0) {\n downloads.push({\n title: `Download Picture Set`,\n pictureSet: true,\n asset: downloadFile(\n `/members/models/${modelId}/scenes/${videoId}/${modelId}-${videoId}-pics.zip`,\n true\n ),\n });\n }\n\n const finalDownloads = await promiseTree(downloads);\n const result = finalDownloads\n .filter(download => download.asset)\n .map(downloadResult => {\n const {\n title,\n pictureSet,\n asset: { size, download },\n } = downloadResult;\n const uri = download && download.uri;\n\n const sizeMb = Math.floor(size / 1024 / 1024);\n const titleText =\n sizeMb > 0 && pictureSet !== true ? `${title} - ${sizeMb}MB` : title;\n\n return {\n title: titleText,\n uri,\n };\n });\n return result;\n\n async function downloadFile(path) {\n const info = await download(path, true);\n if (!info) {\n console.warn(`Unable to find asset info for \"${path}\"`);\n return undefined;\n }\n return info;\n }\n }\n}\n","import createState from '../state.js';\n\nexport default function createWelcomeState({ root }) {\n return createState({\n root,\n\n values: {\n $page: `welcome`,\n title: `Welcome`,\n waiting: false,\n },\n\n createActions,\n });\n\n function createActions(state) {\n return {\n load,\n };\n\n async function load() {\n // const interactionId = root.interaction.start();\n // state.waiting = true;\n // try {\n // await root.user.welcomeLogin();\n // } finally {\n // root.interaction.end(interactionId);\n // state.waiting = false;\n // }\n }\n }\n}\n","import assert from 'assert';\n\n// Pages\nimport createHomeState from './home.js';\nimport createModelsState from './models.js';\nimport createModelState from './model.js';\nimport createVideosState from './videos.js';\nimport createVideoState from './video.js';\nimport createWelcomeState from './welcome.js';\n// import createLinkedLoginState from './linked-login.js';\nimport createState from '../state.js';\n\nconst VERSION_ROUTE = /^\\/v\\d+_\\d+_\\d+.*(\\/.*)$/;\nconst FALSE_BASE_URL = `http://cd4083406e10.com`;\n\nexport default function createPageState({ root, values: { current } = {} }) {\n // TODO: Pass params... how to extract? They are different per page\n current = pageStateFromPageData(root, current);\n\n const state = createState({\n root,\n values: {\n current,\n },\n derived: {\n title: {\n from: [`current.title`],\n combine: buildTitle,\n },\n path: {\n from: [`current`],\n combine: buildPath,\n },\n },\n createActions,\n });\n\n return state;\n\n function createActions(state) {\n return {\n navigate,\n notFound,\n };\n\n function notFound() {\n state.current = createState({\n root,\n values: {\n $page: `404`,\n title: `Not Found`,\n },\n });\n }\n\n async function navigate(path) {\n path = normalizePath(path);\n assert(path.startsWith(`/`), `path MUST start with \"/\". Got \"${path}\"`);\n\n if (!pathUnderstood(path)) {\n notFound();\n return;\n }\n\n // Make we apply the same canonical value every time to prevent\n // unecessary changes\n path = canonicalizePath(path);\n\n // Don't create a new state if not necessary\n if (path !== state.path) {\n // Update the current state\n state.current = pageStateFromPath(root, path);\n }\n\n // This should only load if we don't already have data\n if (typeof state.current.load === `function`) {\n await state.current.load();\n }\n }\n }\n\n function buildTitle(state) {\n return [`${state.root.$site}.com`, state.current?.title || state.root.$catchPhrase]\n .filter(Boolean)\n .join(` - `);\n }\n\n function buildPath(state) {\n switch (state.current.$page) {\n case `home`:\n return `/`;\n case `models`:\n // TODO: Params should be specific\n return `/models${params(state.current.params)}`;\n case `videos`:\n // TODO: Params should be specific\n return `/videos${params(state.current.params)}`;\n case `model`:\n return `/models/${encodeURIComponent(state.current.model.modelId)}`;\n case `video`:\n if (state.current.photoIndex > -1) {\n return (\n `/videos/${encodeURIComponent(state.current.video.videoId)}` +\n `?photo=${encodeURIComponent(state.current.photoIndex)}`\n );\n } else {\n return `/videos/${encodeURIComponent(state.current.video.videoId)}`;\n }\n case `404`:\n // Return the current path\n return state.path;\n default:\n return `/${state.current.$page}`;\n }\n\n function params(values) {\n if (!values) {\n return ``;\n }\n const entries = Object.fromEntries(values);\n if (entries.length === 0) {\n return ``;\n }\n\n values = entries\n .map(([name, value]) => `${encodeURIComponent(name)}=${encodeURIComponent(value)}`)\n .join(`&`);\n\n return `?${values}`;\n }\n }\n\n function pageStateFromPath(root, path) {\n const url = new URL(path, FALSE_BASE_URL);\n const params = Object.fromEntries(url.searchParams.entries());\n let [, page, ...subPage] = url.pathname.split(`/`);\n if (page === ``) {\n page = `home`;\n }\n\n const data = { $page: page };\n // TODO: More generic way to handle this?\n if (page === `videos` && subPage[0]) {\n data.$page = `video`;\n data.videoId = decodeURIComponent(subPage[0]);\n } else if (page === `models` && subPage[0]) {\n data.$page = `model`;\n data.modelId = decodeURIComponent(subPage[0]);\n } else if (page === `join` && subPage.length) {\n data.biller = subPage.join(`/`);\n }\n\n return pageStateFromPageData(root, data, params);\n }\n\n function pageStateFromPageData(root, { $page, ...data } = {}, params) {\n switch ($page) {\n case undefined:\n case `home`:\n return createHomeState({ root, values: data });\n case `model`:\n return createModelState({ root, values: data });\n case `models`:\n // TODO: Add relevant params as values\n return createModelsState({ root, values: data });\n case `video`:\n return createVideoState({ root, values: data });\n case `videos`:\n return createVideosState({ root, values: data });\n case `welcome`:\n return createWelcomeState({ root, values: data });\n // case `linked-login`:\n // return createLinkedLoginState({ root, values: data });\n default:\n return createState({\n root,\n values: {\n $page,\n title: $page,\n },\n });\n }\n }\n\n function normalizePath(path) {\n if (path.endsWith(`/`)) {\n path = path.substr(0, path.length - 1);\n }\n\n if (!path) {\n path = `/`;\n }\n\n if (VERSION_ROUTE.test(path)) {\n path = path.replace(VERSION_ROUTE, `$1`);\n }\n\n return path;\n }\n\n function canonicalizePath(path) {\n // TODO: We need to expose this for usage externally (to check is window should push satte...\n // might be good externally with default values applied?)\n const url = new URL(path, FALSE_BASE_URL);\n let qs = ``;\n const entries = Array.from(url.searchParams.entries());\n if (entries.length) {\n // TODO: Default values?\n const params = entries\n .sort(([name1], [name2]) => {\n if (name1 < name2) {\n return -1;\n } else if (name1 > name2) {\n return 1;\n } else {\n return 0;\n }\n })\n .map(([key, value]) => {\n return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\n })\n .join(`&`);\n qs = `?${params}`;\n }\n\n return `${url.pathname}${qs}`;\n }\n\n function pathUnderstood(path) {\n const url = new URL(path, FALSE_BASE_URL);\n const [, page, ...subPage] = url.pathname.split(`/`);\n switch (page) {\n case ``:\n case `home`:\n case `webmasters`:\n case `usc2257`:\n case `privacy`:\n case `terms`:\n case `welcome`:\n case `linked-login`:\n case `password-reset`:\n case `search-results`:\n return subPage.length === 0;\n case `models`:\n case `videos`:\n return subPage.length <= 1;\n default:\n return false;\n }\n }\n\n function ignoreFirst(handler) {\n let first = true;\n return function firstIgnored(...args) {\n if (first) {\n first = false;\n return undefined;\n } else {\n return handler(...args);\n }\n };\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createPackageService(state) {\n return {\n packages,\n };\n\n function packages() {\n return handleError(() => getPackages());\n }\n\n async function getPackages() {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query ListPackages {\n package {\n list {\n result {\n edges {\n node {\n sub\n code\n current\n previous\n description\n default\n trial\n }\n }\n }\n }\n }\n }\n `,\n });\n const found = result.data.package.list.result.edges.map(edge => edge.node);\n return found;\n }\n}\n","import assert from 'assert';\nimport createState from './state.js';\nimport createPackageService from '../argonath/package.js';\nimport createPurchaseService from '../argonath/purchase.js';\nimport mutex from './mutex.js';\n\nconst LOADING = {\n current: 2999,\n previous: 0,\n currency: `$`,\n};\n\nconst VALID_BILLERS = [`verotel/flex-pay`, `verotel/rum`];\n\nexport default function createBillerState({\n root,\n values: { biller = VALID_BILLERS[0], packages } = {},\n}) {\n const defaultPackages = Array(3)\n .fill(0)\n .map((_, index) => ({\n ...LOADING,\n code: `loading-${index}`,\n loading: true,\n description: root.$catchPhrase,\n default: index === 1,\n }));\n\n const { packages: availablePackages } = createPackageService(root);\n const { pay, upgrade: payUpgrade } = createPurchaseService(root);\n\n const state = createState({\n root,\n values: {\n biller,\n packages: packages || defaultPackages,\n error: undefined,\n },\n transform: {\n biller: value => {\n assert(\n VALID_BILLERS.includes(biller),\n `Biller \"${value}\" is invalid. Valid billers are: ${VALID_BILLERS.join(`, `)}`\n );\n return value;\n },\n },\n createActions,\n });\n return state;\n\n function createActions(state) {\n return {\n load: mutex(load),\n join,\n activate,\n reactivate,\n upgrade,\n };\n\n async function load() {\n try {\n const packages = await loadPackages();\n state.packages = packages;\n } catch (error) {\n // TODO: Retry?\n console.error(`Error loading packages`, error);\n }\n }\n\n async function loadPackages() {\n const packs = await availablePackages();\n const result = packs.map(pack => ({\n code: pack.code,\n currency: `$`,\n current: pack.current,\n previous: pack.previous,\n default: pack.default,\n\n description: {\n main: pack.description,\n sub: pack.sub,\n },\n }));\n return result;\n }\n }\n\n function upgrade({ package: pkg }) {\n return purchaseUpgrade({\n package: pkg,\n userId: state.root.user.user.sub,\n });\n }\n\n function join({ email, password, tracking, package: pkg }) {\n // TODO:Captcha\n return purchase({\n email,\n password,\n tracking,\n package: pkg,\n reactivation: false,\n });\n }\n\n function activate({ tracking, package: pkg }) {\n // TODO:Captcha\n return purchase({\n tracking,\n package: pkg,\n reactivation: false,\n });\n }\n\n function reactivate({ email, password, tracking, package: pkg }) {\n // TODO:Captcha\n return purchase({\n email,\n password,\n tracking,\n package: pkg,\n reactivation: true,\n });\n }\n\n async function purchase({ email, password, tracking, package: pkg, reactivation }) {\n // Get the biller enum name\n const billerEnum = billerName(state.biller);\n\n const interactionId = root.interaction.start();\n let result;\n try {\n result = await makePayment({\n email,\n password,\n tracking,\n reactivation,\n package: pkg,\n biller: billerEnum,\n });\n\n const label = reactivation\n ? `Reactivation of ${pkg} on ${billerEnum}`\n : `Purchase of ${pkg} on ${billerEnum}`;\n } finally {\n root.interaction.end(interactionId);\n }\n\n if (result) {\n // This will allow an autologin to happen later\n if (result.token) {\n root.user.joinToken = result.token;\n }\n processPurchaseAction(result);\n }\n }\n\n async function purchaseUpgrade({ package: pkg, userId }) {\n const billerEnum = billerName(state.biller);\n const interactionId = root.interaction.start();\n let result;\n try {\n state.error = undefined;\n result = await payUpgrade({\n userId,\n biller: billerEnum,\n package: pkg,\n });\n } catch (error) {\n console.error(`An error occurred while a user tried to upgrade`, error);\n state.error = {\n type: `generic`,\n message: `An error occurred while trying to upgrade. Please contact support`,\n };\n } finally {\n root.interaction.end(interactionId);\n }\n\n if (result) {\n state.root.user.forceRefresh = true;\n processPurchaseAction(result);\n }\n }\n\n async function processPurchaseAction(action) {\n switch (action.type) {\n case `REDIRECT`:\n // TODO: Do this through navigate service?\n window.location.assign(action.uri);\n break;\n case `CONFIRM`:\n // TODO: We need a confirmation dialog\n throw new Error(`not implemented`);\n break;\n case `COMPLETE`:\n // TODO: We need a message dialog\n console.warn(`TODO - Add message dialog to indicate payment complete`);\n break;\n default:\n console.error(`An unknown result type \"${action.type}\" was received.`);\n break;\n }\n }\n\n async function makePayment({ email, password, tracking, package: pkg, biller, reactivation }) {\n try {\n state.error = undefined;\n return await pay({\n email,\n biller,\n password,\n tracking,\n reactivation,\n package: pkg,\n });\n } catch (error) {\n // TODO: Figure out why this isn't coming back correctly\n if (error.message.match(/match the pattern/)) {\n error.code = `auth/invalid-password`;\n }\n switch (error.code) {\n case `auth/email-already-exists`:\n state.error = {\n type: `email`,\n message: `The email address you entered is already in use`,\n };\n break;\n case `auth/email-inactive`:\n state.error = {\n type: `email`,\n message: `The email address you entered is already in use. Please login to activate your account`,\n };\n break;\n case `auth/invalid-password`:\n state.error = {\n type: `password`,\n // TODO: Get the correct code back\n message: `The password you entered is invalid`,\n // message: `The password you entered is invalid. ${error.message}`\n };\n break;\n default:\n console.error(`An unknown error occurred while a user tried to join`, error);\n state.error = {\n type: `generic`,\n message: `An error occurred while trying to join. Please contact support`,\n };\n break;\n }\n }\n }\n}\n\nfunction billerName(biller) {\n if (!biller) {\n return undefined;\n }\n switch (biller) {\n case `verotel/flex-pay`:\n return `VEROTEL_FLEX`;\n case `verotel/rum`:\n return `VEROTEL_RUM`;\n default:\n throw new Error(`Unknown biller name \"${biller}\" received`);\n }\n}\n","import { gql } from '@apollo/client';\nimport { getAuthenticatedClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createPurchaseService(state) {\n return {\n pay,\n upgrade,\n };\n\n function pay(...args) {\n return handleError(() => doPay(...args));\n }\n\n function upgrade(...args) {\n return handleError(() => doUpgrade(...args));\n }\n\n async function doPay({ email, password, tracking, package: pkg, biller, reactivation }) {\n // Note: We use authed client for things like re-activation\n const client = await getAuthenticatedClient(state);\n const result = await client.mutate({\n mutation: gql`\n mutation Pay($input: PayInput!) {\n purchase {\n pay(input: $input) {\n result {\n type\n uri\n token\n message\n options\n }\n }\n }\n }\n `,\n variables: {\n input: {\n email,\n password,\n tracking,\n package: pkg,\n biller,\n reactivation,\n },\n },\n });\n return result.data.purchase.pay.result;\n }\n\n async function doUpgrade({ biller, userId, package: pkg }) {\n const client = await getAuthenticatedClient(state);\n const result = await client.mutate({\n mutation: gql`\n mutation Upgrade($input: UpgradeInput!) {\n purchase {\n upgrade(input: $input) {\n result {\n type\n uri\n token\n message\n options\n }\n }\n }\n }\n `,\n variables: {\n input: {\n userId,\n biller,\n package: pkg,\n },\n },\n });\n return result.data.purchase.upgrade.result;\n }\n}\n","import { gql } from '@apollo/client';\nimport { getClient } from './client/index.js';\nimport handleError from './handle-error.js';\n\nexport default function createSearchService(state) {\n return {\n search,\n };\n\n function search(query) {\n return handleError(() => doSearch(query));\n }\n\n async function doSearch(query) {\n const client = await getClient(state);\n const result = await client.query({\n query: gql`\n query Search($query: String!) {\n search {\n search(input: { query: $query }) {\n result {\n type\n itemId\n name\n description\n images\n }\n }\n }\n }\n `,\n variables: { query },\n });\n return result.data.search.search.result;\n }\n}\n","import createState from './state.js';\nimport createAssetService from '../argonath/asset.js';\nimport createSearchService from '../argonath/search.js';\n\nconst DEBOUNCE = 600;\n\nexport default function createSearchState({ root }) {\n const { serve } = createAssetService(root);\n const { search: searchService } = createSearchService(root);\n let debouncedSearch;\n return createState({\n root,\n values: {\n query: ``,\n searching: false,\n searchShown: false,\n },\n derived: {\n results: {\n from: [`query`],\n combine: search,\n },\n },\n });\n\n async function search(state) {\n if (!state.query) {\n return undefined;\n }\n\n const results = await debSearch(state);\n const result = await Promise.all(\n results.map(async result => ({\n ...result,\n images: await Promise.all(result.images.map(serveImage)),\n }))\n );\n return result;\n }\n\n async function serveImage(path) {\n const info = await serve(path);\n return info && info.serve && info.serve.uri;\n }\n\n function debSearch(state) {\n if (!debouncedSearch) {\n debouncedSearch = debounce(() => execSearch(state), DEBOUNCE);\n }\n return debouncedSearch();\n }\n\n async function execSearch(state) {\n try {\n state.searching = true;\n return await searchService(state.query);\n } finally {\n state.searching = false;\n }\n }\n\n function debounce(handler, wait) {\n let timeout;\n return function exec() {\n if (timeout) {\n clearTimeout(timeout);\n }\n return new Promise(function promiseHandler(resolve, reject) {\n timeout = setTimeout(async () => {\n try {\n const result = await handler();\n resolve(result);\n } catch (error) {\n reject(error);\n }\n }, wait);\n });\n };\n }\n}\n","import assert from 'assert';\nimport createPageState from './page/index.js';\nimport createBillerState from './biller.js';\nimport createDimensionState from './dimension.js';\nimport createInteractionState from './interaction.js';\nimport createSearchState from './search.js';\nimport createState from './state.js';\n\nexport default function createAppState({\n $site,\n $catchPhrase,\n $topic,\n\n key,\n user,\n page,\n email,\n dimension,\n interstitial,\n}) {\n assert($site, `site MUST be supplied`);\n assert($catchPhrase, `catchPhrase MUST be supplied`);\n assert($topic, `topic MUST be supplied`);\n assert(email, `email MUST be supplied`);\n assert(email.$contact, `email.contact MUST be supplied`);\n assert(email.$support, `email.support MUST be supplied`);\n\n const root = createState({\n values: {\n $site,\n $topic,\n $catchPhrase,\n },\n });\n\n root.email = createState({\n values: {\n $support: email.$support,\n $contact: email.$contact,\n },\n });\n\n root.interaction = createInteractionState({\n root,\n });\n\n root.biller = createBillerState({\n root,\n });\n\n root.dimension = createDimensionState({\n root,\n values: dimension,\n });\n\n root.page = createPageState({\n root,\n values: page,\n });\n\n root.key = createState({\n root,\n values: key,\n });\n\n root.search = createSearchState({ root });\n\n Object.freeze(root);\n return root;\n}\n","import createState from './state.js';\n\nexport default function createDimensionState({ root, values: { width, height } }) {\n const state = createState({\n root,\n values: {\n width,\n height,\n },\n derived: {\n dimensions: {\n from: [`width`, `height`],\n },\n },\n });\n return state;\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport merge from 'lodash.merge';\nimport throttle from 'lodash.throttle';\nimport App from './container/app.jsx';\nimport reportWebVitals from './reportWebVitals';\nimport createAppState from './service/state/app.js';\n\nconst VERSION_ROUTE = /^v\\d+_\\d+_\\d+.*$/;\nconst RESIZE_THROTTLE = 300;\nconst DYNAMIC = [`/welcome`];\n\n// const tokens = {\n// refreshToken: getData(PERSISTED_REFRESH_TOKEN_NAME),\n// idToken: getData(PERSISTED_ID_TOKEN_NAME),\n// };\n\n// const mobileRedirectLink = process.env.MOBILE_REDIRECT_LINK;\n\n// if (mobileRedirectLink && isMobile(navigator.userAgent)) {\n// const urlParams = new URLSearchParams(window.location.search);\n// const redirectParam = urlParams.get(`redirect`);\n// const fromAffiliate = !!urlParams.get(`reseller_id`);\n// const redirectCookie = readCookie(`redirect`);\n\n// if (redirectParam === `false` || fromAffiliate) {\n// createCookie(`redirect`, `false`, 999);\n// }\n\n// if (\n// !tokens.idToken &&\n// redirectCookie !== `false` &&\n// redirectParam !== `false` &&\n// !fromAffiliate\n// ) {\n// window.location.replace(mobileRedirectLink);\n// }\n// }\n\n// function createCookie(name, value, days) {\n// if (days) {\n// const date = new Date();\n// date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n// document.cookie = `${name}=${value}; expires=${date.toGMTString()}`;\n// } else {\n// document.cookie = `${name}=${value}`;\n// }\n// }\n\n// function readCookie(name) {\n// const cookie = document.cookie.split(`;`).find(c => c.trimLeft().startsWith(`${name}=`));\n\n// if (cookie) {\n// return cookie.replace(`${name}=`, ``).trim();\n// }\n// }\n\n// function isMobile(agent) {\n// return (\n// typeof agent === `string` &&\n// [/Android/i, /webOS/i, /iPhone/i, /iPod/i, /BlackBerry/i, /Windows Phone/i].some(check =>\n// check.test(agent)\n// )\n// );\n// }\n\nconst state = createAppState({\n key: {\n // Note: We purposefully leave the captcha\n // keys out here so they won't be available\n // in dev (where they should not be needed)\n api: process.env.API_URL,\n argonath: process.env.ARGONATH_API_KEY,\n rollbar: process.env.ROLLBAR,\n },\n email: {\n $support: process.env.SUPPORT_EMAIL,\n $contact: process.env.CONTACT_EMAIL,\n },\n $site: process.env.SITE,\n $catchPhrase: process.env.CATCH_PHRASE,\n $topic: process.env.TOPIC,\n\n dimension: {\n width: window.innerWidth,\n height: window.innerHeight,\n },\n\n interstitial: {\n interstitial: process.env.INTERSTITIAL,\n },\n\n ...merge(window.__INITIAL__DATA__, {}),\n});\n\n// We do this so when a member returns they don't get the server side rendered version\nconst shouldHydrate =\n window.__INITIAL__DATA__ && DYNAMIC.includes(window.location.pathname) === false;\n\nperformRender();\nsetImmediate(postInit);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n\nfunction subscribe() {\n window.addEventListener(`popstate`, event => {\n const { state: page } = event;\n if (page) {\n state.page.navigate(page);\n } else {\n // The initial page has a value of null which we need to handle\n const relative = [\n window.location.pathname,\n window.location.search,\n window.location.hash,\n ].join(``);\n state.page.navigate(relative);\n }\n });\n\n window.addEventListener(\n `resize`,\n throttle(() => {\n const { innerWidth: width, innerHeight: height } = window;\n state.dimension.width = width;\n state.dimension.height = height;\n }, RESIZE_THROTTLE)\n );\n\n // Note: It is important we only do this when everything is ready since\n // subscribe will trigger immediately\n state.page.title$.subscribe({\n next: current => {\n document.title = current;\n },\n });\n\n state.page.path$.subscribe({\n next: current => {\n if (current && window.history.state !== state.page.path) {\n let pagePath = state.page.path;\n\n // TODO: Don't think this is available on older browsers\n const [, firstPart] = window.location.pathname.split(`/`);\n if (VERSION_ROUTE.test(firstPart)) {\n pagePath = `/${firstPart}${pagePath}`;\n }\n\n if (pagePath === `/password-reset` && window.location.search.startsWith(`?code=`)) {\n const urlParams = new URLSearchParams(window.location.search);\n const code = urlParams.get(`code`);\n window.history.pushState(\n pagePath,\n state.page.title,\n `${pagePath}?code=${code}`\n );\n } else {\n window.history.pushState(pagePath, state.page.title, pagePath);\n }\n // TODO: Not on hash change\n window.scrollTo(0, 0);\n }\n },\n });\n}\n\nfunction performRender() {\n if (shouldHydrate) {\n ReactDOM.hydrate(\n
\n \n ,\n document.getElementById(`root`)\n );\n } else {\n ReactDOM.render(\n
\n \n ,\n document.getElementById(`root`)\n );\n }\n}\n\nfunction postInit() {\n // Kick off the packages load\n state.biller.load();\n\n if (!shouldHydrate) {\n // TODO: hashbang\n state.page.navigate(`${window.location.pathname}${window.location.search}`);\n }\n\n state.dimension.width = window.innerWidth;\n state.dimension.height = window.innerHeight;\n\n subscribe();\n}\n"],"sourceRoot":""}
![](\"/logo.svg\"){kind=logo}
\n