your-ai-workflow-firebase-os 1.12.0 → 1.13.0

package/README.md

@@ -27,14 +27,15 @@ That's it. **One component. Zero configuration files.**
 |:--------|:--------|
 | 🔐 **Authentication** | Email/password, email verification, password reset |
 | 👥 **User Management** | Admin panel, three access levels (Free · Internal · Admin), inactive user blocking |
-| 🗂️ **Pages** | Add a page on `/pages` — for anyone, signed-in users, your team or admins only — from a few boxes: a name, what the page is, pictures, a form, a booking, a linked page. Copy the sentence and the assistant builds it, deciding whatever was skipped; the page then shows all its settings on `/pages`, where you rename it, reorder it, hide it or change its web address, and Edit with AI takes one box saying what should change |
+| 🗂️ **Pages** | Add a page on `/pages` — for anyone, signed-in users, your team or admins only — in one box that shows what to say before you type: its name, address, heading, what it is for, its form, its pictures, its booking, a page it links to; upload the pictures under it. Copy the sentence and the assistant builds it, deciding whatever was skipped; the page then shows all its settings on `/pages`, where you rename it, reorder it, hide it or change its web address, and Edit with AI takes one box saying what should change |
 | 📋 **Templates** | Board (Kanban), Calendar, Table, Drive, Inline Form, Popup Form, Confirmation |
 | 🎨 **Theme Engine** | Full dark/light mode, custom accent colours, corner radii, logo |
 | 📁 **File Storage** | An admin-only Assets screen for public images, plus a drive preset any page can be built on |
 | 📬 **Forms** | Created with their pages on `/pages` — say in one box what a form should ask and what happens after (or name one you already have) and the AI builds it with the page; see and hand-edit every form afterwards on `/forms`. Questions can ask for a file — a CV, a photo, a receipt — and the upload works signed out |
 | 📥 **Inbox** | Every form entry in one list at `/inbox`, filtered "From anyone" or "From signed-in users"; an attached file opens from the entry by its own name |
-| 💳 **Payments** | Stripe checkout in one line — a Take payments switch at the top of `/payments` pauses every Pay button and checkout at once (read by the server, so a built page stops too), then the owner configures what they sell under What you sell on `/payments` (things paid for once — each a name and a price, grouped under one entry — or plans and their Stripe ids), answers How your payments work in one box per payment (start to finish; whatever is skipped, the AI decides), then under Wire it into your pages ticks the pages the payments touch, says what should appear on each, describes any page to add, and copies ONE request that wires all of it: the exact `<PayButton>` tags, each page's content file, the owner's words, and the way this app makes a page, a form and a link — public and signed-in pages sell with `<PayButton>`, internal and admin pages show the team the sales through `useSales()`, and before-paying questions go through the app's own forms. A Go live switch walks the test→live change (live price ids collected, test ids kept, and the id-swap prompt for the assistant generated), buyers get a built-in `/billing` page that appears after their first purchase, and every cancel/switch/invoice screen is Stripe's own billing portal |
-| 📅 **Schedule** | Bookings in one form question — on `/schedule` the owner sets their own hours under My schedule and each team member's under Your team, each in their own time zone (days, from–to, how long a booking lasts, how far ahead, how much notice); the owner attaches it on `/pages` under Booking on this page or as a Pick-a-time question on `/forms`, and the page's own sentence asks the assistant for ONE `schedule` field in a `*Form.config.ts`. The built-in form draws the picker — a full calendar or a compact day-and-time list — in every visitor's own time zone, claims the time so two people can never take the same minute, saves the booking as a form entry in the Inbox (one readable line, with the time on the owner's own clock under it), and lists it on `/schedule` where it can be cancelled; a team page reads them with `useBookings()`. The assistant never builds a calendar, a time picker or a bookings collection |
+| 💳 **Payments** | Stripe checkout in one line — a Take payments switch at the top of `/payments` pauses every Pay button and checkout at once (read by the server, so a built page stops too), then the owner configures what they sell under What you sell on `/payments` (things paid for once — each a name and a price, grouped under one entry — or plans and their Stripe ids), answers How your payments work in one box per payment (start to finish; whatever is skipped, the AI decides), then under Wire it into your pages opens each payment a third time, ticks the pages THAT payment goes on and, optionally, says what should appear there or names a page to add — and copies ONE request that wires all of it: the exact `<PayButton>` tags, each page's content file, the owner's words, and the way this app makes a page, a form and a link — public and signed-in pages sell with `<PayButton>`, internal and admin pages show the team the sales through `useSales()`, and before-paying questions go through the app's own forms. A Go live switch, shown under Connection once the webhook is in, walks the test→live change (live price ids collected, test ids kept, and the id-swap prompt for the assistant generated), buyers get a built-in `/billing` page that appears after their first purchase, and every cancel/switch/invoice screen is Stripe's own billing portal |
+| 📅 **Schedule** | Calendly-style booking, built in — on `/schedule` the owner adds schedules, one per kind of meeting a team member offers (a 1-hour session, a 2-hour workshop): a name, a line about it, whose time it is, the hours in that person's own time zone, the length, how far ahead, how much notice, and a one-time payment taken first when they want one. A person's schedules share one availability, so a time booked under any of them is gone from all. Every schedule has a shipped booking page at `/book/{id}` to send as a link — the app's theme and name, a full calendar in the visitor's own time zone, name, email, a note, and Stripe checkout before the time is confirmed when a payment is attached. Every team member gets a My calendar tab at `/my-calendar` the moment a schedule exists for them: every booking made with them on a month grid, Paid beside the paid ones, Cancel to free the time. A schedule can also be picked on `/pages` under Booking on this page (one per person, from a select) or as a Pick-a-time question on `/forms`, and the page's sentence asks the assistant for ONE `schedule` field in a `*Form.config.ts`; the built-in form draws the picker, claims the time so two people can never take the same minute, and saves the booking as a form entry in the Inbox. The assistant never builds a calendar, a time picker or a bookings collection |
+| 🔗 **Payment links** | Every one-time payment has a shipped page at `/pay/{id}` in the app's theme and name — under Payment links on `/payments` the owner adds one from a name, a line about it and a price, copies the link and sends it to anyone; Customise this page makes a real page on `/pages` and hands over the sentence that builds it, and the link goes there once it is built |
 | ✉️ **Email** | Resend in one line — a Send email switch at the top of `/email` stops every send at once (the server reads it before each one); while it is on, every page can send email once it is connected: `emailOwner()` tells the owner what happened, `emailPerson()` confirms to the person a record names, `emailAnyone()` lets a team page write to any address (a signed-in admin or team member only), receipts and sale alerts send themselves off a Pay button's settings, and `/email` says what the app can do with email and where owner mail goes |
 | 📖 **Guide** | A walkthrough at `/guide` with the sentences to paste into your assistant |
 | 📊 **Dashboard** | Personalised user dashboard |

package/dist/assets/PhoneInputField-BV9b08_J.js

@@ -0,0 +1 @@
+import{n as e,s as t,t as n}from"./jsx-runtime-DyTGnfRu.js";var r=t(e(),1),i=[[`Afghanistan`,`af`,`93`],[`Albania`,`al`,`355`],[`Algeria`,`dz`,`213`],[`Andorra`,`ad`,`376`],[`Angola`,`ao`,`244`],[`Antigua and Barbuda`,`ag`,`1268`],[`Argentina`,`ar`,`54`,{default:`(..) .... ....`,"/^11/":`(..) .... ....`,"/^15/":`(..) ... ....`,"/^(2|3|4|5)/":`(.) .... ....`,"/^9/":`(.) .... .....`},0],[`Armenia`,`am`,`374`,`.. ......`],[`Aruba`,`aw`,`297`],[`Australia`,`au`,`61`,{default:`. .... ....`,"/^4/":`... ... ...`,"/^5(?!50)/":`... ... ...`,"/^1(3|8)00/":`.... ... ...`,"/^13/":`.. .. ..`,"/^180/":`... ....`},0,[]],[`Austria`,`at`,`43`],[`Azerbaijan`,`az`,`994`,`(..) ... .. ..`],[`Bahamas`,`bs`,`1242`],[`Bahrain`,`bh`,`973`,`.... ....`],[`Bangladesh`,`bd`,`880`],[`Barbados`,`bb`,`1246`],[`Belarus`,`by`,`375`,`(..) ... .. ..`],[`Belgium`,`be`,`32`,`... .. .. ..`],[`Belize`,`bz`,`501`],[`Benin`,`bj`,`229`],[`Bhutan`,`bt`,`975`],[`Bolivia`,`bo`,`591`],[`Bosnia and Herzegovina`,`ba`,`387`],[`Botswana`,`bw`,`267`],[`Brazil`,`br`,`55`,`(..) .....-....`],[`British Indian Ocean Territory`,`io`,`246`],[`Brunei`,`bn`,`673`],[`Bulgaria`,`bg`,`359`],[`Burkina Faso`,`bf`,`226`],[`Burundi`,`bi`,`257`],[`Cambodia`,`kh`,`855`],[`Cameroon`,`cm`,`237`],[`Canada`,`ca`,`1`,`(...) ...-....`,1,`204.226.236.249.250.289.306.343.365.387.403.416.418.431.437.438.450.506.514.519.548.579.581.587.604.613.639.647.672.705.709.742.778.780.782.807.819.825.867.873.902.905`.split(`.`)],[`Cape Verde`,`cv`,`238`],[`Caribbean Netherlands`,`bq`,`599`,``,1],[`Cayman Islands`,`ky`,`1`,`... ... ....`,4,[`345`]],[`Central African Republic`,`cf`,`236`],[`Chad`,`td`,`235`],[`Chile`,`cl`,`56`],[`China`,`cn`,`86`,`... .... ....`],[`Colombia`,`co`,`57`,`... ... ....`],[`Comoros`,`km`,`269`],[`Congo`,`cd`,`243`],[`Congo`,`cg`,`242`],[`Costa Rica`,`cr`,`506`,`....-....`],[`Côte d'Ivoire`,`ci`,`225`,`.. .. .. .. ..`],[`Croatia`,`hr`,`385`],[`Cuba`,`cu`,`53`],[`Curaçao`,`cw`,`599`,``,0],[`Cyprus`,`cy`,`357`,`.. ......`],[`Czech Republic`,`cz`,`420`,`... ... ...`],[`Denmark`,`dk`,`45`,`.. .. .. ..`],[`Djibouti`,`dj`,`253`,`.. .. ....`],[`Dominica`,`dm`,`1767`],[`Dominican Republic`,`do`,`1`,`(...) ...-....`,2,[`809`,`829`,`849`]],[`Ecuador`,`ec`,`593`],[`Egypt`,`eg`,`20`],[`El Salvador`,`sv`,`503`,`....-....`],[`Equatorial Guinea`,`gq`,`240`],[`Eritrea`,`er`,`291`],[`Estonia`,`ee`,`372`,`.... ......`],[`Ethiopia`,`et`,`251`,`.. ... ....`],[`Faroe Islands`,`fo`,`298`,`.. .. ..`],[`Fiji`,`fj`,`679`],[`Finland`,`fi`,`358`,`.. ... .. ..`],[`France`,`fr`,`33`,`. .. .. .. ..`],[`French Guiana`,`gf`,`594`,`... .. .. ..`],[`French Polynesia`,`pf`,`689`,{"/^44/":`.. .. ..`,"/^80[0-5]/":`... .. .. ..`,default:`.. .. .. ..`}],[`Gabon`,`ga`,`241`],[`Gambia`,`gm`,`220`],[`Georgia`,`ge`,`995`],[`Germany`,`de`,`49`,`... .........`],[`Ghana`,`gh`,`233`],[`Gibraltar`,`gi`,`350`],[`Greece`,`gr`,`30`],[`Greenland`,`gl`,`299`,`.. .. ..`],[`Grenada`,`gd`,`1473`],[`Guadeloupe`,`gp`,`590`,`... .. .. ..`,0],[`Guam`,`gu`,`1671`],[`Guatemala`,`gt`,`502`,`....-....`],[`Guinea`,`gn`,`224`],[`Guinea-Bissau`,`gw`,`245`],[`Guyana`,`gy`,`592`],[`Haiti`,`ht`,`509`,`....-....`],[`Honduras`,`hn`,`504`],[`Hong Kong`,`hk`,`852`,`.... ....`],[`Hungary`,`hu`,`36`],[`Iceland`,`is`,`354`,`... ....`],[`India`,`in`,`91`,`.....-.....`],[`Indonesia`,`id`,`62`],[`Iran`,`ir`,`98`,`... ... ....`],[`Iraq`,`iq`,`964`],[`Ireland`,`ie`,`353`,`.. .......`],[`Israel`,`il`,`972`,`... ... ....`],[`Italy`,`it`,`39`,`... .......`,0],[`Jamaica`,`jm`,`1876`],[`Japan`,`jp`,`81`,`.. .... ....`],[`Jordan`,`jo`,`962`],[`Kazakhstan`,`kz`,`7`,`... ...-..-..`,0],[`Kenya`,`ke`,`254`],[`Kiribati`,`ki`,`686`],[`Kosovo`,`xk`,`383`],[`Kuwait`,`kw`,`965`,`.... ....`],[`Kyrgyzstan`,`kg`,`996`,`... ... ...`],[`Laos`,`la`,`856`],[`Latvia`,`lv`,`371`,`.. ... ...`],[`Lebanon`,`lb`,`961`],[`Lesotho`,`ls`,`266`],[`Liberia`,`lr`,`231`],[`Libya`,`ly`,`218`],[`Liechtenstein`,`li`,`423`],[`Lithuania`,`lt`,`370`],[`Luxembourg`,`lu`,`352`],[`Macau`,`mo`,`853`],[`Macedonia`,`mk`,`389`],[`Madagascar`,`mg`,`261`],[`Malawi`,`mw`,`265`],[`Malaysia`,`my`,`60`,`..-....-....`],[`Maldives`,`mv`,`960`],[`Mali`,`ml`,`223`],[`Malta`,`mt`,`356`],[`Marshall Islands`,`mh`,`692`],[`Martinique`,`mq`,`596`,`... .. .. ..`],[`Mauritania`,`mr`,`222`],[`Mauritius`,`mu`,`230`],[`Mayotte`,`yt`,`262`,`... .. .. ..`,1,[`269`,`639`]],[`Mexico`,`mx`,`52`,`... ... ....`,0],[`Micronesia`,`fm`,`691`],[`Moldova`,`md`,`373`,`(..) ..-..-..`],[`Monaco`,`mc`,`377`],[`Mongolia`,`mn`,`976`],[`Montenegro`,`me`,`382`],[`Morocco`,`ma`,`212`],[`Mozambique`,`mz`,`258`],[`Myanmar`,`mm`,`95`],[`Namibia`,`na`,`264`],[`Nauru`,`nr`,`674`],[`Nepal`,`np`,`977`],[`Netherlands`,`nl`,`31`,{"/^06/":`(.). .........`,"/^6/":`. .........`,"/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":`(.).. ........`,"/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":`.. ........`,"/^0/":`(.)... .......`,default:`... .......`}],[`New Caledonia`,`nc`,`687`],[`New Zealand`,`nz`,`64`,`...-...-....`],[`Nicaragua`,`ni`,`505`],[`Niger`,`ne`,`227`],[`Nigeria`,`ng`,`234`],[`North Korea`,`kp`,`850`],[`Norway`,`no`,`47`,`... .. ...`],[`Oman`,`om`,`968`,`.... ....`],[`Pakistan`,`pk`,`92`,`...-.......`],[`Palau`,`pw`,`680`],[`Palestine`,`ps`,`970`],[`Panama`,`pa`,`507`],[`Papua New Guinea`,`pg`,`675`],[`Paraguay`,`py`,`595`],[`Peru`,`pe`,`51`],[`Philippines`,`ph`,`63`,`... ... ....`],[`Poland`,`pl`,`48`,`...-...-...`],[`Portugal`,`pt`,`351`],[`Puerto Rico`,`pr`,`1`,`(...) ...-....`,3,[`787`,`939`]],[`Qatar`,`qa`,`974`,`.... ....`],[`Réunion`,`re`,`262`,`... .. .. ..`,0],[`Romania`,`ro`,`40`],[`Russia`,`ru`,`7`,`(...) ...-..-..`,1],[`Rwanda`,`rw`,`250`],[`Saint Kitts and Nevis`,`kn`,`1869`],[`Saint Lucia`,`lc`,`1758`],[`Saint Pierre & Miquelon`,`pm`,`508`,{"/^708/":`... ... ...`,"/^8/":`... .. .. ..`,default:`.. .. ..`}],[`Saint Vincent and the Grenadines`,`vc`,`1784`],[`Samoa`,`ws`,`685`],[`San Marino`,`sm`,`378`],[`São Tomé and Príncipe`,`st`,`239`],[`Saudi Arabia`,`sa`,`966`,`.. ... ....`],[`Senegal`,`sn`,`221`],[`Serbia`,`rs`,`381`],[`Seychelles`,`sc`,`248`],[`Sierra Leone`,`sl`,`232`],[`Singapore`,`sg`,`65`,`....-....`],[`Slovakia`,`sk`,`421`],[`Slovenia`,`si`,`386`],[`Solomon Islands`,`sb`,`677`],[`Somalia`,`so`,`252`],[`South Africa`,`za`,`27`],[`South Korea`,`kr`,`82`,`... .... ....`],[`South Sudan`,`ss`,`211`],[`Spain`,`es`,`34`,`... ... ...`],[`Sri Lanka`,`lk`,`94`],[`Sudan`,`sd`,`249`],[`Suriname`,`sr`,`597`],[`Swaziland`,`sz`,`268`],[`Sweden`,`se`,`46`,`... ... ...`],[`Switzerland`,`ch`,`41`,`.. ... .. ..`],[`Syria`,`sy`,`963`],[`Taiwan`,`tw`,`886`],[`Tajikistan`,`tj`,`992`],[`Tanzania`,`tz`,`255`],[`Thailand`,`th`,`66`],[`Timor-Leste`,`tl`,`670`],[`Togo`,`tg`,`228`],[`Tonga`,`to`,`676`],[`Trinidad and Tobago`,`tt`,`1868`],[`Tunisia`,`tn`,`216`],[`Turkey`,`tr`,`90`,`... ... .. ..`],[`Turkmenistan`,`tm`,`993`],[`Tuvalu`,`tv`,`688`],[`Uganda`,`ug`,`256`],[`Ukraine`,`ua`,`380`,`(..) ... .. ..`],[`United Arab Emirates`,`ae`,`971`,{default:`.. ... ....`,"/^5[024568]/":`.. ... ....`,"/^[234679]/":`. ... ....`}],[`United Kingdom`,`gb`,`44`,`.... ......`],[`United States`,`us`,`1`,`(...) ...-....`,0],[`Uruguay`,`uy`,`598`],[`Uzbekistan`,`uz`,`998`,`.. ... .. ..`],[`Vanuatu`,`vu`,`678`],[`Vatican City`,`va`,`39`,`.. .... ....`,1],[`Venezuela`,`ve`,`58`],[`Vietnam`,`vn`,`84`],[`Wallis & Futuna`,`wf`,`681`,`.. .. ..`],[`Yemen`,`ye`,`967`],[`Zambia`,`zm`,`260`],[`Zimbabwe`,`zw`,`263`]],a=`react-international-phone-`,o=(...e)=>e.filter(e=>!!e).join(` `).trim(),s=(...e)=>o(...e).split(` `).map(e=>`${a}${e}`).join(` `),c=({addPrefix:e,rawClassNames:t})=>o(s(...e),...t),l=({value:e,mask:t,maskSymbol:n,offset:r=0,trimNonMaskCharsLeftover:i=!1,allowMaskOverflow:a=!1})=>{if(e.length<r)return e;let o=e.slice(0,r),s=e.slice(r),c=t.split(``).filter(e=>e===n).length,l=s.slice(0,c),u=a?s.slice(c):``,d=o,f=0;for(let e of t.split(``)){if(f>=l.length){if(!i&&e!==n){d+=e;continue}break}e===n?(d+=l[f],f+=1):d+=e}return d+u},u=e=>e?/^\d+$/.test(e):!1,d=e=>e.replace(/\D/g,``),f=(e,t)=>{let n=e.style.display;n!==`block`&&(e.style.display=`block`);let r=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=i.top-r.top,o=r.bottom-i.bottom;a>=0&&o>=0||(Math.abs(a)<Math.abs(o)?e.scrollTop+=a:e.scrollTop-=o),e.style.display=n},p=()=>typeof window>`u`?!1:window.navigator.userAgent.toLowerCase().includes(`macintosh`),m=(e,t)=>{let n=t.disableDialCodeAndPrefix?!1:t.forceDialCode,r=t.disableDialCodeAndPrefix?!1:t.insertDialCodeOnEmpty,i=e,a=e=>t.trimNonDigitsEnd?e.trim():e;if(!i)return r&&!i.length||n?a(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`):a(i);if(i=d(i),i===t.dialCode&&!t.disableDialCodeAndPrefix)return a(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(t.dialCode.startsWith(i)&&!t.disableDialCodeAndPrefix)return a(n?`${t.prefix}${t.dialCode}${t.charAfterDialCode}`:`${t.prefix}${i}`);if(!i.startsWith(t.dialCode)&&!t.disableDialCodeAndPrefix){if(n)return a(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(i.length<t.dialCode.length)return a(`${t.prefix}${i}`)}let{phoneLeftSide:o,phoneRightSide:s}=(()=>{let e=t.dialCode.length;return{phoneLeftSide:i.slice(0,e),phoneRightSide:i.slice(e)}})();return o=`${t.prefix}${o}${t.charAfterDialCode}`,s=l({value:s,mask:t.mask,maskSymbol:t.maskChar,trimNonMaskCharsLeftover:t.trimNonDigitsEnd||t.disableDialCodeAndPrefix&&s.length===0,allowMaskOverflow:t.allowMaskOverflow}),t.disableDialCodeAndPrefix&&(o=``),a(`${o}${s}`)},h=({phoneBeforeInput:e,phoneAfterInput:t,phoneAfterFormatted:n,cursorPositionAfterInput:r,leftOffset:i=0,deletion:a})=>{if(r<i)return i;if(!e)return n.length;let o=null;for(let e=r-1;e>=0;--e)if(u(t[e])){o=e;break}if(o===null){for(let e=0;e<t.length;e+=1)if(u(n[e]))return e;return t.length}let s=0;for(let e=0;e<o;e+=1)u(t[e])&&(s+=1);let c=0,l=0;for(let e=0;e<n.length&&(c+=1,u(n[e])&&(l+=1),!(l>=s+1));e+=1);if(a!==`backward`)for(;!u(n[c])&&c<n.length;)c+=1;return c},g=({phone:e,prefix:t})=>e?`${t}${d(e)}`:``;function _({value:e,country:t,insertDialCodeOnEmpty:n,trimNonDigitsEnd:r,countries:i,prefix:a,charAfterDialCode:o,forceDialCode:s,disableDialCodeAndPrefix:c,defaultMask:l,countryGuessingEnabled:u,disableFormatting:d,allowMaskOverflow:f}){let p=e;c&&(p=p.startsWith(`${a}`)?p:`${a}${t.dialCode}${p}`);let h=u?j({phone:p,countries:i,currentCountryIso2:t?.iso2}):void 0,_=h?.country??t,v=m(p,{prefix:a,mask:D({phone:p,country:_,defaultMask:l,disableFormatting:d}),maskChar:w,dialCode:_.dialCode,trimNonDigitsEnd:r,charAfterDialCode:o,forceDialCode:s,insertDialCodeOnEmpty:n,disableDialCodeAndPrefix:c,allowMaskOverflow:f}),y=u&&!h?.fullDialCodeMatch?t:_;return{phone:g({phone:c?`${y.dialCode}${v}`:v,prefix:a}),inputValue:v,country:y}}var v=e=>{if(e?.toLocaleLowerCase().includes(`delete`)??!1)return e?.toLocaleLowerCase().includes(`forward`)?`forward`:`backward`},y=(e,{country:t,insertDialCodeOnEmpty:n,phoneBeforeInput:r,prefix:i,charAfterDialCode:a,forceDialCode:o,disableDialCodeAndPrefix:s,countryGuessingEnabled:c,defaultMask:l,disableFormatting:d,countries:f,allowMaskOverflow:p})=>{let m=e.nativeEvent,y=m.inputType,b=v(y),x=!!y?.startsWith(`insertFrom`),S=y===`insertText`,C=m?.data||void 0,w=e.target.value,T=e.target.selectionStart??0;if(y?.includes(`history`))return{inputValue:r,phone:g({phone:r,prefix:i}),cursorPosition:r.length,country:t};if(S&&!u(C)&&w!==i)return{inputValue:r,phone:g({phone:s?`${t.dialCode}${r}`:r,prefix:i}),cursorPosition:T-(C?.length??0),country:t};if(o&&!w.startsWith(`${i}${t.dialCode}`)&&!x){let e=w?r:`${i}${t.dialCode}${a}`;return{inputValue:e,phone:g({phone:e,prefix:i}),cursorPosition:i.length+t.dialCode.length+a.length,country:t}}let{phone:E,inputValue:D,country:O}=_({value:w,country:t,trimNonDigitsEnd:b===`backward`,insertDialCodeOnEmpty:n,countryGuessingEnabled:c,countries:f,prefix:i,charAfterDialCode:a,forceDialCode:o,disableDialCodeAndPrefix:s,disableFormatting:d,defaultMask:l,allowMaskOverflow:p});return{phone:E,inputValue:D,cursorPosition:h({cursorPositionAfterInput:T,phoneBeforeInput:r,phoneAfterInput:w,phoneAfterFormatted:D,leftOffset:o?i.length+t.dialCode.length+a.length:0,deletion:b}),country:O}},b=(e,t)=>{let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(e[r]!==t[r])return!1;return!0},x=()=>{let e=(0,r.useRef)(),t=(0,r.useRef)(Date.now()),n=(0,r.useCallback)(()=>{let n=Date.now(),r=e.current?n-t.current:void 0;return e.current=t.current,t.current=n,r},[]);return(0,r.useMemo)(()=>({check:n}),[n])},S={size:20,overrideLastItemDebounceMS:-1};function C(e,t){let{size:n,overrideLastItemDebounceMS:i,onChange:a}={...S,...t},[o,s]=(0,r.useState)(e),c=(0,r.useRef)([o]),l=(0,r.useRef)(0),u=x();return[o,(0,r.useCallback)((e,t)=>{let r=c.current[l.current];if(e===r||typeof e==`object`&&typeof r==`object`&&b(e,r))return;let o=i>0,d=u.check(),f=o&&d!==void 0?d>i:!0;if(t?.overrideLastItem===void 0?!f:t.overrideLastItem)c.current=[...c.current.slice(0,l.current),e];else{let t=c.current.length>=n;c.current=[...c.current.slice(+!!t,l.current+1),e],t||(l.current+=1)}s(e),a?.(e)},[a,i,n,u]),(0,r.useCallback)(()=>{if(l.current<=0)return{success:!1};let e=c.current[l.current-1];return s(e),--l.current,a?.(e),{success:!0,value:e}},[a]),(0,r.useCallback)(()=>{if(l.current+1>=c.current.length)return{success:!1};let e=c.current[l.current+1];return s(e),l.current+=1,a?.(e),{success:!0,value:e}},[a])]}var w=`.`,T={defaultCountry:`us`,value:``,prefix:`+`,defaultMask:`............`,charAfterDialCode:` `,historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,allowMaskOverflow:!1,countries:i,preferredCountries:[]},E=({defaultCountry:e=T.defaultCountry,value:t=T.value,countries:n=T.countries,prefix:i=T.prefix,defaultMask:a=T.defaultMask,charAfterDialCode:o=T.charAfterDialCode,historySaveDebounceMS:s=T.historySaveDebounceMS,disableCountryGuess:c=T.disableCountryGuess,disableDialCodePrefill:l=T.disableDialCodePrefill,forceDialCode:u=T.forceDialCode,disableDialCodeAndPrefix:d=T.disableDialCodeAndPrefix,disableFormatting:f=T.disableFormatting,allowMaskOverflow:m=T.allowMaskOverflow,onChange:h,inputRef:g})=>{let v={countries:n,prefix:i,charAfterDialCode:o,forceDialCode:d?!1:u,disableDialCodeAndPrefix:d,defaultMask:a,countryGuessingEnabled:!c,disableFormatting:f,allowMaskOverflow:m},b=(0,r.useRef)(null),x=g||b,S=e=>{Promise.resolve().then(()=>{typeof window>`u`||x.current!==document?.activeElement||x.current?.setSelectionRange(e,e)})},w=(0,r.useCallback)(e=>A({value:e,field:`iso2`,countries:n}),[n]),[{phone:E,inputValue:D,country:O},k,j,M]=C(()=>{let r=A({value:e,field:`iso2`,countries:n});r||console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);let{phone:i,inputValue:a,country:o}=_({value:t,country:r||A({value:`us`,field:`iso2`,countries:n}),insertDialCodeOnEmpty:!l,...v});return S(a.length),{phone:i,inputValue:a,country:o.iso2}},{overrideLastItemDebounceMS:s,onChange:(0,r.useCallback)(({inputValue:e,phone:t,country:n})=>{h&&h({phone:t,inputValue:e,country:w(n)})},[w,h])}),N=(0,r.useMemo)(()=>w(O),[O,w]);(0,r.useEffect)(()=>{let e=x.current;if(!e)return;let t=e=>{if(!e.key)return;let t=e.ctrlKey,n=e.metaKey,r=e.shiftKey;if(e.key.toLowerCase()===`z`){if(p()){if(!n)return}else if(!t)return;r?M():j()}};return e.addEventListener(`keydown`,t),()=>{e.removeEventListener(`keydown`,t)}},[x,j,M]);let P=e=>{e.preventDefault();let{phone:n,inputValue:r,country:i,cursorPosition:a}=y(e,{country:N,phoneBeforeInput:D,insertDialCodeOnEmpty:!1,...v});return k({inputValue:r,phone:n,country:i.iso2}),S(a),t},F=(0,r.useCallback)((e,t={focusOnInput:!1})=>{let r=A({value:e,field:`iso2`,countries:n});if(!r){console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);return}k({inputValue:d?``:`${i}${r.dialCode}${o}`,phone:`${i}${r.dialCode}`,country:r.iso2}),t.focusOnInput&&Promise.resolve().then(()=>{x.current?.focus()})},[n,d,i,o,k,x]),[I,L]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!I){L(!0),t!==E&&h?.({inputValue:D,phone:E,country:N});return}if(t===E)return;let{phone:e,inputValue:n,country:r}=_({value:t,country:N,insertDialCodeOnEmpty:!l,...v});k({phone:e,inputValue:n,country:r.iso2})},[t]),{phone:E,inputValue:D,country:N,setCountry:F,handlePhoneValueChange:P,inputRef:x}},D=({phone:e,country:t,defaultMask:n=`............`,disableFormatting:r=!1})=>{let i=t.format,a=e=>r?e.replace(RegExp(`[^${w}]`,`g`),``):e;if(!i)return a(n);if(typeof i==`string`)return a(i);if(!i.default)return console.error(`[react-international-phone]: default mask for ${t.iso2} is not provided`),a(n);let o=Object.keys(i).find(n=>{if(n===`default`)return!1;if(!(n.charAt(0)===`/`&&n.charAt(n.length-1)===`/`))return console.error(`[react-international-phone]: format regex "${n}" for ${t.iso2} is not valid`),!1;let r=new RegExp(n.substring(1,n.length-1)),i=e.replace(t.dialCode,``);return r.test(d(i))});return a(o?i[o]:i.default)},O=e=>{let[t,n,r,i,a,o]=e;return{name:t,iso2:n,dialCode:r,format:i,priority:a,areaCodes:o}},k=e=>`Field "${e}" is not supported`,A=({field:e,value:t,countries:n=i})=>{if([`priority`].includes(e))throw Error(k(e));let r=n.find(n=>t===O(n)[e]);if(r)return O(r)},j=({phone:e,countries:t=i,currentCountryIso2:n})=>{let r={country:void 0,fullDialCodeMatch:!1};if(!e)return r;let a=d(e);if(!a)return r;let o=r,s=({country:e,fullDialCodeMatch:t})=>{let n=e.dialCode===o.country?.dialCode,r=(e.priority??0)<(o.country?.priority??0);(!n||r)&&(o={country:e,fullDialCodeMatch:t})};for(let e of t){let t=O(e),{dialCode:n,areaCodes:r}=t;if(a.startsWith(n)){let e=o.country?Number(n)>=Number(o.country.dialCode):!0;if(r){let e=a.substring(n.length);for(let n of r)if(e.startsWith(n))return{country:t,fullDialCodeMatch:!0}}(e||n===a||!o.fullDialCodeMatch)&&s({country:t,fullDialCodeMatch:!0})}o.fullDialCodeMatch||a.length<n.length&&n.startsWith(a)&&(!o.country||Number(n)<=Number(o.country.dialCode))&&s({country:t,fullDialCodeMatch:!1})}if(n){let e=A({value:n,field:`iso2`,countries:t});if(!e)return o;let r=e?(e=>{if(!e?.areaCodes)return!1;let t=a.substring(e.dialCode.length);return e.areaCodes.some(e=>e.startsWith(t))})(e):!1;o&&o.country?.dialCode===e.dialCode&&o.country!==e&&o.fullDialCodeMatch&&(!e.areaCodes||r)&&(o={country:e,fullDialCodeMatch:!0})}return o},M=(e,t)=>Number(parseInt(e,16)+t).toString(16),N=`abcdefghijklmnopqrstuvwxyz`,P=`1f1e6`,F=N.split(``).reduce((e,t,n)=>({...e,[t]:M(P,n)}),{}),I=e=>[F[e[0]],F[e[1]]].join(`-`),L=({iso2:e,size:t,src:n,protocol:i=`https`,disableLazyLoading:a,className:o,style:s,...l})=>e?r.createElement(`img`,{className:c({addPrefix:[`flag-emoji`],rawClassNames:[o]}),src:n||`${i}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${I(e)}.svg`,width:t,height:t,draggable:!1,"data-country":e,loading:a?void 0:`lazy`,style:{width:t,height:t,...s},alt:``,...l}):r.createElement(`img`,{className:c({addPrefix:[`flag-emoji`],rawClassNames:[o]}),width:t,height:t,...l}),R=1e3,z=({show:e,dialCodePrefix:t=`+`,selectedCountry:n,countries:a=i,preferredCountries:o=[],flags:s,onSelect:l,onClose:u,...d})=>{let p=(0,r.useRef)(null),m=(0,r.useRef)(),h=(0,r.useMemo)(()=>{if(!o||!o.length)return a;let e=[],t=[...a];for(let n of o){let r=t.findIndex(e=>O(e).iso2===n);if(r!==-1){let n=t.splice(r,1)[0];e.push(n)}}return e.concat(t)},[a,o]),g=(0,r.useRef)({updatedAt:void 0,value:``}),_=e=>{g.current={value:g.current.updatedAt&&new Date().getTime()-g.current.updatedAt.getTime()>R?e:`${g.current.value}${e}`,updatedAt:new Date};let t=h.findIndex(e=>O(e).name.toLowerCase().startsWith(g.current.value));t!==-1&&b(t)},v=(0,r.useCallback)(e=>h.findIndex(t=>O(t).iso2===e),[h]),[y,b]=(0,r.useState)(v(n)),x=()=>{m.current!==n&&b(v(n))},S=(0,r.useCallback)(e=>{b(v(e.iso2)),l?.(e)},[l,v]),C=e=>{let t=h.length-1,n=n=>e===`prev`?n-1:e===`next`?n+1:e===`last`?t:0;b(e=>{let r=n(e);return r<0?0:r>t?t:r})},w=e=>{if(e.stopPropagation(),e.key===`Enter`){e.preventDefault(),S(O(h[y]));return}if(e.key===`Escape`){u?.();return}if(e.key===`ArrowUp`){e.preventDefault(),C(`prev`);return}if(e.key===`ArrowDown`){e.preventDefault(),C(`next`);return}if(e.key===`PageUp`){e.preventDefault(),C(`first`);return}if(e.key===`PageDown`){e.preventDefault(),C(`last`);return}e.key===` `&&e.preventDefault(),e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&_(e.key.toLocaleLowerCase())},T=(0,r.useCallback)(()=>{if(!p.current||y===void 0)return;let e=O(h[y]).iso2;if(e===m.current)return;let t=p.current.querySelector(`[data-country="${e}"]`);t&&(f(p.current,t),m.current=e)},[y,h]);return(0,r.useEffect)(()=>{T()},[y,T]),(0,r.useEffect)(()=>{p.current&&(e?p.current.focus():x())},[e]),(0,r.useEffect)(()=>{x()},[n]),r.createElement(`ul`,{ref:p,role:`listbox`,className:c({addPrefix:[`country-selector-dropdown`],rawClassNames:[d.className]}),style:{display:e?`block`:`none`,...d.style},onKeyDown:w,onBlur:u,tabIndex:-1,"aria-activedescendant":`react-international-phone__${O(h[y]).iso2}-option`},h.map((e,i)=>{let a=O(e),l=a.iso2===n,u=i===y,f=o.includes(a.iso2),p=i===o.length-1,m=s?.find(e=>e.iso2===a.iso2);return r.createElement(r.Fragment,{key:a.iso2},r.createElement(`li`,{"data-country":a.iso2,role:`option`,"aria-selected":l,"aria-label":`${a.name} ${t}${a.dialCode}`,id:`react-international-phone__${a.iso2}-option`,className:c({addPrefix:[`country-selector-dropdown__list-item`,f&&`country-selector-dropdown__list-item--preferred`,l&&`country-selector-dropdown__list-item--selected`,u&&`country-selector-dropdown__list-item--focused`],rawClassNames:[d.listItemClassName,f&&d.listItemPreferredClassName,l&&d.listItemSelectedClassName,u&&d.listItemFocusedClassName]}),onClick:()=>S(a),style:d.listItemStyle,title:a.name},r.createElement(L,{iso2:a.iso2,src:m?.src,className:c({addPrefix:[`country-selector-dropdown__list-item-flag-emoji`],rawClassNames:[d.listItemFlagClassName]}),style:d.listItemFlagStyle}),r.createElement(`span`,{className:c({addPrefix:[`country-selector-dropdown__list-item-country-name`],rawClassNames:[d.listItemCountryNameClassName]}),style:d.listItemCountryNameStyle},a.name),r.createElement(`span`,{className:c({addPrefix:[`country-selector-dropdown__list-item-dial-code`],rawClassNames:[d.listItemDialCodeClassName]}),style:d.listItemDialCodeStyle},t,a.dialCode)),p?r.createElement(`hr`,{className:c({addPrefix:[`country-selector-dropdown__preferred-list-divider`],rawClassNames:[d.preferredListDividerClassName]}),style:d.preferredListDividerStyle}):null)}))},B=r.memo(({selectedCountry:e,onSelect:t,disabled:n,hideDropdown:a,countries:o=i,preferredCountries:s=[],flags:l,renderButtonWrapper:u,...d})=>{let[f,p]=(0,r.useState)(!1),m=(0,r.useMemo)(()=>{if(e)return A({value:e,field:`iso2`,countries:o})},[o,e]),h=(0,r.useRef)(null),g=e=>{e.key&&[`ArrowUp`,`ArrowDown`].includes(e.key)&&(e.preventDefault(),p(!0))};return r.createElement(`div`,{className:c({addPrefix:[`country-selector`],rawClassNames:[d.className]}),style:d.style,ref:h},(()=>{let t={title:m?.name,onClick:()=>p(e=>!e),onMouseDown:e=>e.preventDefault(),onKeyDown:g,disabled:a||n,role:`combobox`,"aria-label":`Country selector`,"aria-haspopup":`listbox`,"aria-expanded":f},i=r.createElement(`div`,{className:c({addPrefix:[`country-selector-button__button-content`],rawClassNames:[d.buttonContentWrapperClassName]}),style:d.buttonContentWrapperStyle},r.createElement(L,{iso2:e,src:l?.find(t=>t.iso2===e)?.src,className:c({addPrefix:[`country-selector-button__flag-emoji`,n&&`country-selector-button__flag-emoji--disabled`],rawClassNames:[d.flagClassName]}),style:{visibility:e?`visible`:`hidden`,...d.flagStyle}}),!a&&r.createElement(`div`,{className:c({addPrefix:[`country-selector-button__dropdown-arrow`,n&&`country-selector-button__dropdown-arrow--disabled`,f&&`country-selector-button__dropdown-arrow--active`],rawClassNames:[d.dropdownArrowClassName]}),style:d.dropdownArrowStyle}));return u?u({children:i,rootProps:t}):r.createElement(`button`,{...t,type:`button`,className:c({addPrefix:[`country-selector-button`,f&&`country-selector-button--active`,n&&`country-selector-button--disabled`,a&&`country-selector-button--hide-dropdown`],rawClassNames:[d.buttonClassName]}),"data-country":e,style:d.buttonStyle},i)})(),r.createElement(z,{show:f,countries:o,preferredCountries:s,flags:l,onSelect:e=>{p(!1),t?.(e)},selectedCountry:e,onClose:()=>{p(!1)},...d.dropdownStyleProps}))}),V=({dialCode:e,prefix:t,disabled:n,style:i,className:a})=>r.createElement(`div`,{className:c({addPrefix:[`dial-code-preview`,n&&`dial-code-preview--disabled`],rawClassNames:[a]}),style:i},`${t}${e}`),H=(0,r.forwardRef)(({value:e,onChange:t,countries:n=i,preferredCountries:a,hideDropdown:o,showDisabledDialCodeAndPrefix:s,disableFocusAfterCountrySelect:l,flags:u,style:d,className:f,inputStyle:p,inputClassName:m,countrySelectorStyleProps:h,dialCodePreviewStyleProps:g,inputProps:_,placeholder:v,disabled:y,name:b,onFocus:x,onBlur:S,required:C,autoFocus:w,...T},D)=>{let O=(0,r.useCallback)(e=>{t?.(e.phone,{country:e.country,inputValue:e.inputValue})},[t]),{phone:k,inputValue:A,inputRef:j,country:M,setCountry:N,handlePhoneValueChange:P}=E({value:e,countries:n,...T,onChange:O}),F=T.disableDialCodeAndPrefix&&s&&M?.dialCode,I=(0,r.useCallback)(e=>{N(e.iso2,{focusOnInput:!l})},[N,l]);return(0,r.useImperativeHandle)(D,()=>j.current?Object.assign(j.current,{setCountry:N,state:{phone:k,inputValue:A,country:M}}):null,[j,N,k,A,M]),r.createElement(`div`,{ref:D,className:c({addPrefix:[`input-container`],rawClassNames:[f]}),style:d},r.createElement(B,{onSelect:I,flags:u,selectedCountry:M?.iso2,countries:n,preferredCountries:a,disabled:y,hideDropdown:o,...h}),F&&r.createElement(V,{dialCode:M.dialCode,prefix:T.prefix??`+`,disabled:y,...g}),r.createElement(`input`,{onChange:P,value:A,type:`tel`,ref:j,className:c({addPrefix:[`input`,y&&`input--disabled`],rawClassNames:[m]}),placeholder:v,disabled:y,style:p,name:b,onFocus:x,onBlur:S,autoFocus:w,required:C,..._}))}),U=n(),W=[`us`,`gb`,`ca`,`au`,`nz`,`ie`,`ae`,`sg`],G=[...i.filter(e=>W.includes(e[1])),...i.filter(e=>!W.includes(e[1]))];function K({field:e,value:t,onChange:n}){return(0,U.jsxs)(`div`,{className:`flex flex-col w-full relative z-[99999]`,children:[(0,U.jsxs)(`label`,{className:`text-[13px] font-medium text-foreground/50 select-none mb-1.5 ml-1`,children:[e.label,` `,e.required&&(0,U.jsx)(`span`,{className:`text-red-500`,children:`*`})]}),(0,U.jsx)(H,{defaultCountry:`us`,countries:G,value:t,onChange:e=>n(e),forceDialCode:!0,className:`w-full flex items-center rounded-xl text-[15px] text-foreground transition-all duration-300 focus-within:border-accent glow-focus glass-panel overflow-visible relative h-12`,inputClassName:`flex-1 w-full !bg-transparent !border-none !outline-none !shadow-none px-3 text-[15px] text-foreground m-0 p-0 h-full tracking-[0.5px] no-glow`,countrySelectorStyleProps:{buttonClassName:`!bg-transparent !border-0 border-r !border-[var(--panel-border)]/50 !outline-none !shadow-none !px-3 hover:!bg-foreground/5 transition-colors h-full !rounded-xl !rounded-r-none flex items-center justify-center shrink-0`}})]})}export{K as default};

package/dist/assets/PhoneInputField-wv5RvJiD.css

@@ -0,0 +1 @@
+.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro));appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white));cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:#0000}.react-international-phone-country-selector-button__button-content{justify-content:center;align-items:center;display:flex}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke))}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white));width:300px;max-height:200px;box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px #00000040);color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex;position:absolute;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro));border:none}.react-international-phone-country-selector-dropdown__list-item{min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px;display:flex}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap;margin-right:8px;overflow:hidden}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke))}.react-international-phone-dial-code-preview{border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro));background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px));justify-content:center;align-items:center;margin-right:-1px;padding:0 8px;display:flex}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.react-international-phone-input-container .react-international-phone-input{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-border-color,gainsboro);border-radius:var(--react-international-phone-border-radius,4px);background-color:var(--react-international-phone-background-color,white);color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px);border-top-left-radius:0;border-bottom-left-radius:0;margin:0;padding:0 8px;overflow:visible}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,whitesmoke);color:var(--react-international-phone-disabled-text-color,#666)}

package/dist/{aiRules-B5ZUY-to.cjs → assets/aiRules-CY6YKVrB.js}

@@ -1,4 +1,4 @@
-require(`./chunk-DYteiM-1.cjs`);var e=`<!-- generated by your-ai-workflow-firebase-os v1.12.0 -->
+var e=`<!-- generated by your-ai-workflow-firebase-os v1.13.0 -->
 # Working in this project
 
 This app is powered by Your AI Firebase — the \`<FirebaseOS />\` component. The
@@ -159,13 +159,14 @@ change the owner can use and a change they cannot.
    made in Stripe (their Payments screen shows it with a copy button), never
    a typed amount, and the server refuses one without it. Payments ARRIVE
    as ONE request from the owner's Payments screen: they describe what they
-   sell there, say how each payment works, tick the pages it touches under
-   Wire it into your pages, describe any page to add, and paste a request
-   that carries the exact \`<PayButton>\` tags with their ids or amounts, how
-   each payment works in their words, each ticked page with its one content
-   file, what should appear on each, the pages to add and who sees them, and
-   the way THIS app makes a page, a form and a link — build exactly that, on
-   exactly those pages, the app's way, and nothing more. Whatever that
+   sell there, say how each payment works, tick — for each payment — the
+   pages IT goes on under Wire it into your pages, say what should appear
+   there or name a page to add, and paste a request that carries the exact
+   \`<PayButton>\` tags with their ids or amounts, how each payment works in
+   their words, which pages each one goes on, each such page with its one
+   content file, the owner's words on it, and
+   the way THIS app makes a page, a form and a link — build exactly that,
+   on exactly those pages, the app's way, and nothing more. Whatever that
    request leaves undecided — what the buyer is asked first, what they see
    after paying, what a plan unlocks, the layout — decide yourself and build
    it finished; never stop to ask. A payment asked for in the chat instead
@@ -257,13 +258,19 @@ change the owner can use and a change they cannot.
     that names a \`mem_\`, \`admin_\` or \`user_\` collection.
 12. NEVER build a calendar, a time picker, a list of free times or a bookings
     collection of your own. Booking is ONE form question — \`type: 'schedule'\`
-    with \`members\` (the ids the owner's sentence gives you, copied exactly as
-    they are) and \`look\` (\`'calendar'\` for a page that is about booking,
-    \`'compact'\` for one question among others) — inside a \`*Form.config.ts\`
-    shown with \`<ContactPopup formId="…" isInline />\`. The built-in form
+    with \`schedules\` (the ids the owner's sentence gives you, copied exactly
+    as they are — each names a kind of meeting on the owner's Schedule
+    screen, with its own length, hours and price, so never state or ask for
+    a length) and \`look\` (\`'calendar'\` for a page that is about booking,
+    \`'compact'\` for one question among others — your call, from the owner's
+    words on how booking should work) — inside a \`*Form.config.ts\` shown
+    with \`<ContactPopup formId="…" isInline />\`. The built-in form
     draws the picker, shows every visitor the free times in their own time
     zone, stops two people taking the same minute and lists every booking on
     the owner's Schedule screen; the entry lands in the Inbox like any other.
+    Every schedule also has a booking page of its own at \`/book/{id}\`, and
+    every one-time payment a page at \`/pay/{id}\` — both ship with the app
+    and are NEVER built, re-created or re-addressed.
     In the owner's own words: Booking goes through the app's own form system: the page's form gets ONE question of type 'schedule', and the built-in form draws the picker — never build a calendar, a time picker, a list of times or a bookings collection of your own. The app shows every visitor the free times in their own time zone, stops two people taking the same time, and lists every booking on my Schedule screen.
     On an INTERNAL or ADMIN page the team reads the bookings with
     \`useBookings()\` from \`'your-ai-workflow-firebase-os'\` — \`{ loading,
@@ -373,8 +380,9 @@ an empty page.
 | Users     | \`/users\`      | mark a person as Internal or Admin                                                             |
 | Assets    | \`/assets\`     | upload the public images the theme points at — admins only                                     |
 | Guide     | \`/guide\`      | the walkthrough video, and sentences they can copy straight into this chat                     |
-| Payments  | \`/payments\`   | describe what they sell (things paid for once, each with a price, or plans and their Stripe ids, under What you sell), then — under How your payments work — say in one answer how each payment works, then — under Wire it into your pages — tick the pages the payments touch, say what should appear on each, describe any page to add, and copy the ONE request that wires all of it (the request you receive); connect Stripe (via the payments switch on \`/setup\`), and see everyone who has paid — the money itself is a read-only mirror of Stripe |
-| Schedule  | \`/schedule\`   | set each team member's bookable hours in their own time zone — which days, from when to when, how long a booking lasts, how far ahead, how much notice — and see and cancel bookings. WHERE booking happens is decided on the Pages screen (Booking on this page) or on a form (a Pick-a-time question), never here |
+| Payments  | \`/payments\`   | describe what they sell (things paid for once, each with a price, or plans and their Stripe ids, under What you sell), then — under How your payments work — say in one answer how each payment works, then — under Wire it into your pages — tick, for each payment, the pages it goes on, say what should appear there or name a page to add, and copy the ONE request that wires all of it (the request you receive); under Payment links, every one-time payment has a shipped page at \`/pay/{id}\` to send as a link, and Customise this page makes a real page on the Pages screen and hands you its sentence; connect Stripe (via the payments switch on \`/setup\`), and see everyone who has paid — the money itself is a read-only mirror of Stripe |
+| Schedule  | \`/schedule\`   | make the schedules — one per kind of meeting a team member offers: its name, whose time it is, the bookable hours in their own time zone (which days, from when to when), how long a booking lasts, how far ahead, how much notice, a one-time payment taken first when they want one — and see and cancel bookings. Every schedule has a booking page of its own at \`/book/{id}\` the owner sends as a link. WHERE ELSE booking happens is decided on the Pages screen (Booking on this page) or on a form (a Pick-a-time question), never here |
+| My calendar | \`/my-calendar\` | every team member's own: every booking made with them under every schedule of theirs, on a month grid, with Paid beside a booking that was paid for — it ships with the app, never build it |
 | Billing   | \`/billing\`    | their BUYERS' page, not theirs: a signed-in customer who has bought something finds what they bought and Stripe's manage-plan button here — it ships with the app, never build it |
 | Email     | \`/email\`      | connect email (via the email switch on \`/setup\`) and see what the app can do with it, and where owner mail goes — send history lives in Resend's own dashboard; WHICH emails a page sends is chosen on the Pages screen |
 
@@ -442,6 +450,12 @@ Each is filled by exactly one file, the same way as any other page:
 | Support       | \`/support\`   | \`microcomponents/SupportContent.tsx\`                                |
 | Dashboard     | \`/dashboard\` | \`microcomponents/DashboardContent.tsx\`                              |
 
+Two more pages ship with the app and have NO file to write: the booking page
+of every schedule at \`/book/{id}\` and the payment page of every one-time
+payment at \`/pay/{id}\`. The owner sends them as links; to link to one from a
+page, use \`bookingPath(id)\` and \`payPath(id)\` from \`'your-ai-workflow-firebase-os'\`
+with an id the owner's sentence gives you — never a path you made up.
+
 The dashboard is the screen a signed-in person lands on. It ships empty, and
 \`DashboardContent.tsx\` draws inside its panel, below the welcome heading and
 the dashboard menu the page already renders.
@@ -817,8 +831,8 @@ final cost inputs, a board/calendar toggle, and the Inbox import from
 Pages, skip its config file and write only the content file.
 
 Third — a request copied from a page's own row on the Pages screen. The owner
-added the page there first — who it is for and its name; the screen made its
-web address — answered a few boxes about it, and pasted the row's sentence.
+added the page there first — who it is for, and one box describing it, its
+name first; the screen made its web address — and pasted the row's sentence.
 When the owner described a form, the sentence names the one \`*Form.config.ts\`
 to create, its \`systemName\` and its \`formType\` — write that file too, with
 exactly those values, and nothing more — unless their words name a form the
@@ -906,8 +920,9 @@ calendar picker; the answer is stored as \`YYYY-MM-DD\`), \`select\` (needs
 or several — each uploads as it is picked, and the Inbox entry links to every
 one; the answer is a string holding the links, one per line; optional
 \`accept\`, e.g. \`'image/*'\` or \`'.pdf,.doc,.docx'\`), \`schedule\` (a time to
-book with the owner's team — needs \`members\`, the team member ids the
-owner's sentence gives you, and \`look\`, \`'calendar'\` or \`'compact'\`; the
+book with the owner's team — needs \`schedules\`, the schedule ids the
+owner's sentence gives you (each a kind of meeting with its own length, so
+never state one), and \`look\`, \`'calendar'\` or \`'compact'\`; the
 built-in form draws the picker in the visitor's own time zone and the answer
 is stored as a readable line plus \`<name>Start\`, \`<name>End\`, \`<name>With\`
 and \`<name>TimeZone\` beside it — checklist rule 12). Any other value renders
@@ -1107,9 +1122,9 @@ the package: \`import { db, useAuth } from 'your-ai-workflow-firebase-os'\` and
 | \`user_submissions\` | entries from forms open to ANYONE (Inbox, "From anyone") | every form field under its \`name\`, plus \`formId\`, \`submittedAt\`, \`uid\` (\`'guest'\`)     | admins only                |
 | \`user_requests\`    | entries from forms for SIGNED-IN people (Inbox, "From signed-in users") | the same, plus \`submitterName\`, \`submitterEmail\`, \`submitterAvatar\`, the sender's \`uid\` | admins and the sender      |
 | \`user_profiles\`    | one document per registered person; the document id is their uid | \`email\`, \`displayName\`, \`role\` (\`'admin'\`, \`'internal'\`, anything else = free)        | admins only                |
-| \`sys_schedules\`    | each team member's bookable hours, set on the Schedule screen | \`name\`, \`enabled\`, \`timeZone\`, \`slotMinutes\`, \`days\`, \`horizonDays\`, \`noticeHours\`      | anyone reads; NEVER write it — the Schedule screen owns it |
+| \`sys_schedules\`    | the schedules made on the Schedule screen — one per kind of meeting a team member offers; several of one person share their availability | \`memberId\`, \`memberName\`, \`name\`, \`description\`, \`paymentId\`, \`enabled\`, \`timeZone\`, \`slotMinutes\`, \`days\`, \`horizonDays\`, \`noticeHours\` | anyone reads; NEVER write it — the Schedule screen owns it |
 | \`pub_bookings\`     | the times already taken — no names, no emails       | \`memberId\`, \`start\`, \`end\`                                                               | anyone; NEVER touch it — the built-in form claims a time, and a hand-written claim is a double booking |
-| \`mem_bookings\`     | the team's bookings — who booked, with whom, when, what they answered | \`memberId\`, \`memberName\`, \`start\`, \`end\`, \`name\`, \`email\`, \`answers\`, \`formId\`, \`entryId\` | the team — and ONLY through \`useBookings()\` from the package; never \`onSnapshot\` on it by hand |
+| \`mem_bookings\`     | the team's bookings — who booked, with whom, under which schedule, when, what they answered | \`memberId\`, \`memberName\`, \`scheduleId\`, \`scheduleName\`, \`start\`, \`end\`, \`name\`, \`email\`, \`answers\`, \`formId\`, \`entryId\`, \`paymentId\`, \`paymentSession\` | the team — and ONLY through \`useBookings()\` from the package; never \`onSnapshot\` on it by hand |
 
 "Every new entry in the Inbox automatically becomes a lead / ticket / card"
 therefore means: while an ADMIN has the page open, mirror each entry into the
@@ -1267,4 +1282,4 @@ in one sentence, and do not go looking for the files.
 
 The home page cannot be removed — it is the site's front door. Redesign it
 instead.
-`;exports.aiRules=e;
+`;export{e as aiRules};