@clerk/ui 1.0.0-snapshot.v20251204175016 → 1.0.0-snapshot.v20251211120550

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/dist/{207_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → 207_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  2. package/dist/{217_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → 217_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  3. package/dist/{360_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → 360_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  4. package/dist/{444_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → 444_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  5. package/dist/{573_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → 573_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  6. package/dist/970_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  7. package/dist/ClerkUi.js +2 -2
  8. package/dist/Components.d.ts.map +1 -1
  9. package/dist/Components.js.map +1 -1
  10. package/dist/{apiKeys_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → apiKeys_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  11. package/dist/checkout_ui_a492c4_1.0.0-snapshot.v20251211120550.js +9 -0
  12. package/dist/components/Checkout/CheckoutComplete.js +1 -1
  13. package/dist/components/Checkout/CheckoutComplete.js.map +1 -1
  14. package/dist/components/Checkout/CheckoutForm.js +3 -3
  15. package/dist/components/Checkout/CheckoutForm.js.map +1 -1
  16. package/dist/components/Checkout/CheckoutPage.js +3 -1
  17. package/dist/components/Checkout/CheckoutPage.js.map +1 -1
  18. package/dist/components/Checkout/parts.js +1 -1
  19. package/dist/components/Checkout/parts.js.map +1 -1
  20. package/dist/components/GoogleOneTap/one-tap-start.js +1 -5
  21. package/dist/components/GoogleOneTap/one-tap-start.js.map +1 -1
  22. package/dist/components/OrganizationProfile/InviteMembersForm.js +2 -2
  23. package/dist/components/OrganizationProfile/InviteMembersForm.js.map +1 -1
  24. package/dist/components/OrganizationProfile/InviteMembersScreen.js +0 -1
  25. package/dist/components/OrganizationProfile/InviteMembersScreen.js.map +1 -1
  26. package/dist/components/OrganizationProfile/MembersSearch.js.map +1 -1
  27. package/dist/components/OrganizationProfile/OrganizationMembers.js.map +1 -1
  28. package/dist/components/PaymentMethods/PaymentMethods.js +1 -2
  29. package/dist/components/PaymentMethods/PaymentMethods.js.map +1 -1
  30. package/dist/components/PricingTable/PricingTableMatrix.js +1 -1
  31. package/dist/components/PricingTable/PricingTableMatrix.js.map +1 -1
  32. package/dist/components/SessionTasks/tasks/TaskResetPassword/index.js +3 -3
  33. package/dist/components/SessionTasks/tasks/TaskResetPassword/index.js.map +1 -1
  34. package/dist/components/SignIn/ResetPassword.js +1 -0
  35. package/dist/components/SignIn/ResetPassword.js.map +1 -1
  36. package/dist/components/SignUp/SignUpForm.js +1 -1
  37. package/dist/components/SignUp/SignUpForm.js.map +1 -1
  38. package/dist/components/SignUp/SignUpStart.js +1 -1
  39. package/dist/components/SignUp/SignUpStart.js.map +1 -1
  40. package/dist/components/UserProfile/PasswordForm.js +1 -0
  41. package/dist/components/UserProfile/PasswordForm.js.map +1 -1
  42. package/dist/components/devPrompts/EnableOrganizationsPrompt/index.js +1 -1
  43. package/dist/components/devPrompts/EnableOrganizationsPrompt/index.js.map +1 -1
  44. package/dist/{createorganization_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → createorganization_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  45. package/dist/customizables/AppearanceContext.js +5 -1
  46. package/dist/customizables/AppearanceContext.js.map +1 -1
  47. package/dist/customizables/parseAppearance.js +6 -6
  48. package/dist/customizables/parseAppearance.js.map +1 -1
  49. package/dist/elements/Animated.js +1 -1
  50. package/dist/elements/Animated.js.map +1 -1
  51. package/dist/elements/ApplicationLogo.js +3 -3
  52. package/dist/elements/ApplicationLogo.js.map +1 -1
  53. package/dist/elements/AvatarUploader.js +14 -4
  54. package/dist/elements/AvatarUploader.js.map +1 -1
  55. package/dist/elements/Card/CardFooter.js +2 -2
  56. package/dist/elements/Card/CardFooter.js.map +1 -1
  57. package/dist/elements/Card/CardRoot.js +1 -1
  58. package/dist/elements/Card/CardRoot.js.map +1 -1
  59. package/dist/elements/Drawer.js +2 -2
  60. package/dist/elements/Drawer.js.map +1 -1
  61. package/dist/elements/FormControl.js +1 -1
  62. package/dist/elements/FormControl.js.map +1 -1
  63. package/dist/elements/Header.js +1 -1
  64. package/dist/elements/Header.js.map +1 -1
  65. package/dist/elements/LegalConsentCheckbox.js +3 -3
  66. package/dist/elements/LegalConsentCheckbox.js.map +1 -1
  67. package/dist/elements/PhoneInput/countryCodeData.js +34 -9
  68. package/dist/elements/PhoneInput/countryCodeData.js.map +1 -1
  69. package/dist/elements/PopoverCard.js +1 -1
  70. package/dist/elements/PopoverCard.js.map +1 -1
  71. package/dist/elements/ReversibleContainer.js +1 -1
  72. package/dist/elements/ReversibleContainer.js.map +1 -1
  73. package/dist/elements/SocialButtons.js +1 -1
  74. package/dist/elements/SocialButtons.js.map +1 -1
  75. package/dist/elements/Tooltip.js +1 -1
  76. package/dist/elements/Tooltip.js.map +1 -1
  77. package/dist/elements/withAvatarShimmer.js +2 -2
  78. package/dist/elements/withAvatarShimmer.js.map +1 -1
  79. package/dist/{enableOrganizationsPrompt_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → enableOrganizationsPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +4 -4
  80. package/dist/foundations/defaultFoundations.d.ts +153 -153
  81. package/dist/hooks/useDevMode.js +1 -1
  82. package/dist/hooks/useDevMode.js.map +1 -1
  83. package/dist/hooks/useFetchRoles.js.map +1 -1
  84. package/dist/{impersonationfab_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → impersonationfab_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  85. package/dist/index.js +1 -1
  86. package/dist/internal/appearance.d.ts +8 -4
  87. package/dist/internal/appearance.d.ts.map +1 -1
  88. package/dist/internal/index.d.ts +2 -2
  89. package/dist/internal/index.js +2 -2
  90. package/dist/internal/index.js.map +1 -1
  91. package/dist/{keylessPrompt_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → keylessPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  92. package/dist/lazyModules/components.d.ts +21 -20
  93. package/dist/lazyModules/components.d.ts.map +1 -1
  94. package/dist/lazyModules/components.js +7 -1
  95. package/dist/lazyModules/components.js.map +1 -1
  96. package/dist/{oauthConsent_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → oauthConsent_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  97. package/dist/onetap_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  98. package/dist/{op-api-keys-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → op-api-keys-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  99. package/dist/{organizationlist_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → organizationlist_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  100. package/dist/{organizationprofile_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → organizationprofile_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  101. package/dist/{organizationswitcher_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → organizationswitcher_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  102. package/dist/{payment-attempt-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → payment-attempt-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  103. package/dist/{planDetails_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → planDetails_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  104. package/dist/{prefetchorganizationlist_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → prefetchorganizationlist_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  105. package/dist/{pricingTable_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → pricingTable_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  106. package/dist/{revoke-api-key-modal_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → revoke-api-key-modal_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  107. package/dist/sessionTasks_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  108. package/dist/signin_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  109. package/dist/signup_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  110. package/dist/{statement-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → statement-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  111. package/dist/{subscriptionDetails_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → subscriptionDetails_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  112. package/dist/{taskChooseOrganization_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → taskChooseOrganization_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  113. package/dist/taskResetPassword_ui_a492c4_1.0.0-snapshot.v20251211120550.js +1 -0
  114. package/dist/themes/createTheme.d.ts +1 -1
  115. package/dist/themes/dark.d.ts +2 -2
  116. package/dist/themes/experimental.d.ts +1 -2
  117. package/dist/themes/experimental.js +1 -2
  118. package/dist/themes/neobrutalism.d.ts +2 -2
  119. package/dist/themes/shadcn.d.ts +2 -2
  120. package/dist/themes/shadesOfPurple.d.ts +2 -2
  121. package/dist/types.d.ts +2 -2
  122. package/dist/types.d.ts.map +1 -1
  123. package/dist/ui-common_ui_a492c4_1.0.0-snapshot.v20251211120550.js +139 -0
  124. package/dist/ui.browser.js +3 -3
  125. package/dist/{up-api-keys-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → up-api-keys-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  126. package/dist/{useravatar_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → useravatar_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  127. package/dist/{userbutton_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → userbutton_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  128. package/dist/{userprofile_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → userprofile_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +2 -2
  129. package/dist/{userverification_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → userverification_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  130. package/dist/utils/createCustomPages.js.map +1 -1
  131. package/dist/utils/passwordUtils.js +1 -1
  132. package/dist/utils/passwordUtils.js.map +1 -1
  133. package/dist/{waitlist_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → waitlist_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +1 -1
  134. package/package.json +7 -5
  135. package/dist/970_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -1
  136. package/dist/checkout_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -9
  137. package/dist/onetap_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -1
  138. package/dist/sessionTasks_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -1
  139. package/dist/signin_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -1
  140. package/dist/signup_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -1
  141. package/dist/themes/simple.d.ts +0 -19
  142. package/dist/themes/simple.d.ts.map +0 -1
  143. package/dist/themes/simple.js +0 -11
  144. package/dist/themes/simple.js.map +0 -1
  145. package/dist/ui-common_ui_30c3ec_1.0.0-snapshot.v20251204175016.js +0 -139
  146. /package/dist/{blankcaptcha_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → blankcaptcha_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  147. /package/dist/{copy-api-key-modal_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → copy-api-key-modal_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  148. /package/dist/{framework_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → framework_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  149. /package/dist/{op-billing-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → op-billing-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  150. /package/dist/{op-plans-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → op-plans-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  151. /package/dist/{up-billing-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → up-billing-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  152. /package/dist/{up-plans-page_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → up-plans-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
  153. /package/dist/{vendors_ui_30c3ec_1.0.0-snapshot.v20251204175016.js → vendors_ui_a492c4_1.0.0-snapshot.v20251211120550.js} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"countryCodeData.js","names":["UnitedStatesSubAreasSet: ReadonlySet<string>","CanadaSubAreaSet: ReadonlySet<string>","IsoToCountryMap: IsoToCountryMapType","CodeToCountriesMap: CodeToCountryIsoMapType"],"sources":["../../../src/elements/PhoneInput/countryCodeData.ts"],"sourcesContent":["export type CountryCodeData = typeof data;\nexport type CountryName = CountryCodeData[number][0];\nexport type CountryIso = CountryCodeData[number][1];\nexport type DialingCode = CountryCodeData[number][2];\nexport type PhonePattern = CountryCodeData[number][3] | '';\n\nconst data = [\n ['United States', 'us', '1', '(...) ...-....', 100],\n ['United Kingdom', 'gb', '44', '.... ......', 100],\n ['India', 'in', '91', '.....-.....', 100],\n ['Canada', 'ca', '1', '(...) ...-....', 100],\n ['Germany', 'de', '49', '... .......', 100],\n ['France', 'fr', '33', '. .. .. .. ..', 100],\n ['Russia', 'ru', '7', '... ...-..-..', 100],\n ['Afghanistan', 'af', '93'],\n ['Albania', 'al', '355'],\n ['Algeria ', 'dz', '213'],\n ['American Samoa', 'as', '1684'],\n ['Andorra', 'ad', '376'],\n ['Angola', 'ao', '244'],\n ['Anguilla', 'ai', '1264'],\n ['Antigua and Barbuda', 'ag', '1268'],\n ['Argentina', 'ar', '54'],\n ['Armenia', 'am', '374'],\n ['Aruba', 'aw', '297'],\n ['Australia', 'au', '61', '... ... ...'],\n ['Austria', 'at', '43'],\n ['Azerbaijan', 'az', '994'],\n ['Bahamas', 'bs', '1242'],\n ['Bahrain', 'bh', '973'],\n ['Bangladesh', 'bd', '880'],\n ['Barbados', 'bb', '1246'],\n ['Belarus', 'by', '375'],\n ['Belgium', 'be', '32', '... .. .. ..'],\n ['Belize', 'bz', '501'],\n ['Benin', 'bj', '229'],\n ['Bermuda', 'bm', '1441'],\n ['Bhutan', 'bt', '975'],\n ['Bolivia', 'bo', '591'],\n ['Bosnia and Herzegovina', 'ba', '387'],\n ['Botswana', 'bw', '267'],\n ['Brazil', 'br', '55'],\n ['British Indian Ocean Territory', 'io', '246'],\n ['British Virgin Islands', 'vg', '1284'],\n ['Brunei', 'bn', '673'],\n ['Bulgaria', 'bg', '359'],\n ['Burkina Faso', 'bf', '226'],\n ['Burundi', 'bi', '257'],\n ['Cambodia', 'kh', '855'],\n ['Cameroon', 'cm', '237'],\n ['Cape Verde', 'cv', '238'],\n ['Caribbean Netherlands', 'bq', '599'],\n ['Cayman Islands', 'ky', '1345'],\n ['Central African Republic', 'cf', '236'],\n ['Chad', 'td', '235'],\n ['Chile', 'cl', '56'],\n ['China', 'cn', '86', '...-....-....'],\n ['Colombia', 'co', '57'],\n ['Comoros', 'km', '269'],\n ['Congo', 'cd', '243'],\n ['Congo', 'cg', '242'],\n ['Cook Islands', 'ck', '682'],\n ['Costa Rica', 'cr', '506', '....-....'],\n ['Côte d’Ivoire', 'ci', '225'],\n ['Croatia', 'hr', '385'],\n ['Cuba', 'cu', '53'],\n ['Curaçao', 'cw', '599'],\n ['Cyprus', 'cy', '357'],\n ['Czech Republic', 'cz', '420'],\n ['Denmark', 'dk', '45', '.. .. .. ..'],\n ['Djibouti', 'dj', '253'],\n ['Dominica', 'dm', '1767'],\n ['Dominican Republic', 'do', '1'],\n ['Ecuador', 'ec', '593'],\n ['Egypt', 'eg', '20'],\n ['El Salvador', 'sv', '503', '....-....'],\n ['Equatorial Guinea', 'gq', '240'],\n ['Eritrea', 'er', '291'],\n ['Estonia', 'ee', '372'],\n ['Ethiopia', 'et', '251'],\n ['Falkland Islands', 'fk', '500'],\n ['Faroe Islands', 'fo', '298'],\n ['Fiji', 'fj', '679'],\n ['Finland', 'fi', '358', '.. ... .. ..'],\n ['French Guiana', 'gf', '594'],\n ['French Polynesia', 'pf', '689'],\n ['Gabon', 'ga', '241'],\n ['Gambia', 'gm', '220'],\n ['Georgia', 'ge', '995'],\n ['Ghana', 'gh', '233'],\n ['Gibraltar', 'gi', '350'],\n ['Greece', 'gr', '30', '... .......'],\n ['Greenland', 'gl', '299'],\n ['Grenada', 'gd', '1473'],\n ['Guadeloupe', 'gp', '590'],\n ['Guam', 'gu', '1671'],\n ['Guatemala', 'gt', '502', '....-....'],\n ['Guinea', 'gn', '224'],\n ['Guinea-Bissau', 'gw', '245'],\n ['Guyana', 'gy', '592'],\n ['Haiti', 'ht', '509', '....-....'],\n ['Honduras', 'hn', '504'],\n ['Hong Kong', 'hk', '852', '.... ....'],\n ['Hungary', 'hu', '36'],\n ['Iceland', 'is', '354', '... ....'],\n ['Indonesia', 'id', '62'],\n ['Iran', 'ir', '98'],\n ['Iraq', 'iq', '964'],\n ['Ireland', 'ie', '353', '.. .......'],\n ['Israel', 'il', '972'],\n ['Italy', 'it', '39', '... ......'],\n ['Jamaica', 'jm', '1876'],\n ['Japan', 'jp', '81', '... .. ....'],\n ['Jordan', 'jo', '962'],\n ['Kazakhstan', 'kz', '7', '... ...-..-..'],\n ['Kenya', 'ke', '254'],\n ['Kiribati', 'ki', '686'],\n ['Kuwait', 'kw', '965'],\n ['Kyrgyzstan', 'kg', '996'],\n ['Laos', 'la', '856'],\n ['Latvia', 'lv', '371'],\n ['Lebanon', 'lb', '961'],\n ['Lesotho', 'ls', '266'],\n ['Liberia', 'lr', '231'],\n ['Libya', 'ly', '218'],\n ['Liechtenstein', 'li', '423'],\n ['Lithuania', 'lt', '370'],\n ['Luxembourg', 'lu', '352'],\n ['Macau', 'mo', '853'],\n ['Macedonia', 'mk', '389'],\n ['Madagascar', 'mg', '261'],\n ['Malawi', 'mw', '265'],\n ['Malaysia', 'my', '60', '..-....-....'],\n ['Maldives', 'mv', '960'],\n ['Mali', 'ml', '223'],\n ['Malta', 'mt', '356'],\n ['Marshall Islands', 'mh', '692'],\n ['Martinique', 'mq', '596'],\n ['Mauritania', 'mr', '222'],\n ['Mauritius', 'mu', '230'],\n ['Mexico', 'mx', '52'],\n ['Micronesia', 'fm', '691'],\n ['Moldova', 'md', '373'],\n ['Monaco', 'mc', '377'],\n ['Mongolia', 'mn', '976'],\n ['Montenegro', 'me', '382'],\n ['Montserrat', 'ms', '1664'],\n ['Morocco', 'ma', '212'],\n ['Mozambique', 'mz', '258'],\n ['Myanmar', 'mm', '95'],\n ['Namibia', 'na', '264'],\n ['Nauru', 'nr', '674'],\n ['Nepal', 'np', '977'],\n ['Netherlands', 'nl', '31', '.. ........'],\n ['New Caledonia', 'nc', '687'],\n ['New Zealand', 'nz', '64', '...-...-....'],\n ['Nicaragua', 'ni', '505'],\n ['Niger', 'ne', '227'],\n ['Nigeria', 'ng', '234'],\n ['Niue', 'nu', '683'],\n ['Norfolk Island', 'nf', '672'],\n ['North Korea', 'kp', '850'],\n ['Northern Mariana Islands', 'mp', '1670'],\n ['Norway', 'no', '47', '... .. ...'],\n ['Oman', 'om', '968'],\n ['Pakistan', 'pk', '92', '...-.......'],\n ['Palau', 'pw', '680'],\n ['Palestine', 'ps', '970'],\n ['Panama', 'pa', '507'],\n ['Papua New Guinea', 'pg', '675'],\n ['Paraguay', 'py', '595'],\n ['Peru', 'pe', '51'],\n ['Philippines', 'ph', '63', '... ....'],\n ['Poland', 'pl', '48', '...-...-...'],\n ['Portugal', 'pt', '351'],\n ['Puerto Rico', 'pr', '1'],\n ['Qatar', 'qa', '974'],\n ['Réunion', 're', '262'],\n ['Romania', 'ro', '40'],\n ['Rwanda', 'rw', '250'],\n ['Saint Barthélemy', 'bl', '590'],\n ['Saint Helena', 'sh', '290'],\n ['Saint Kitts and Nevis', 'kn', '1869'],\n ['Saint Lucia', 'lc', '1758'],\n ['Saint Martin', 'mf', '590'],\n ['Saint Pierre and Miquelon', 'pm', '508'],\n ['Saint Vincent and the Grenadines', 'vc', '1784'],\n ['Samoa', 'ws', '685'],\n ['San Marino', 'sm', '378'],\n ['São Tomé and Príncipe', 'st', '239'],\n ['Saudi Arabia', 'sa', '966'],\n ['Senegal', 'sn', '221'],\n ['Serbia', 'rs', '381'],\n ['Seychelles', 'sc', '248'],\n ['Sierra Leone', 'sl', '232'],\n ['Singapore', 'sg', '65', '....-....'],\n ['Sint Maarten', 'sx', '1721'],\n ['Slovakia', 'sk', '421'],\n ['Slovenia', 'si', '386'],\n ['Solomon Islands', 'sb', '677'],\n ['Somalia', 'so', '252'],\n ['South Africa', 'za', '27'],\n ['South Korea', 'kr', '82'],\n ['South Sudan', 'ss', '211'],\n ['Spain', 'es', '34', '... ... ...'],\n ['Sri Lanka', 'lk', '94'],\n ['Sudan', 'sd', '249'],\n ['Suriname', 'sr', '597'],\n ['Swaziland', 'sz', '268'],\n ['Sweden', 'se', '46', '.. ... .. ..'],\n ['Switzerland', 'ch', '41', '.. ... .. ..'],\n ['Syria', 'sy', '963'],\n ['Taiwan', 'tw', '886'],\n ['Tajikistan', 'tj', '992'],\n ['Tanzania', 'tz', '255'],\n ['Thailand', 'th', '66'],\n ['Timor-Leste', 'tl', '670'],\n ['Togo', 'tg', '228'],\n ['Tokelau', 'tk', '690'],\n ['Tonga', 'to', '676'],\n ['Trinidad and Tobago', 'tt', '1868'],\n ['Tunisia', 'tn', '216'],\n ['Turkey', 'tr', '90', '... ... .. ..'],\n ['Turkmenistan', 'tm', '993'],\n ['Turks and Caicos Islands', 'tc', '1649'],\n ['Tuvalu', 'tv', '688'],\n ['U.S. Virgin Islands', 'vi', '1340'],\n ['Uganda', 'ug', '256'],\n ['Ukraine', 'ua', '380'],\n ['United Arab Emirates', 'ae', '971'],\n ['Uruguay', 'uy', '598'],\n ['Uzbekistan', 'uz', '998'],\n ['Vanuatu', 'vu', '678'],\n ['Vatican City', 'va', '39', '.. .... ....'],\n ['Venezuela', 've', '58'],\n ['Vietnam', 'vn', '84'],\n ['Wallis and Futuna', 'wf', '681'],\n ['Yemen', 'ye', '967'],\n ['Zambia', 'zm', '260'],\n ['Zimbabwe', 'zw', '263'],\n] as const;\n\nconst UnitedStatesSubAreasSet: ReadonlySet<string> = new Set([\n '907',\n '205',\n '251',\n '256',\n '334',\n '479',\n '501',\n '870',\n '480',\n '520',\n '602',\n '623',\n '928',\n '209',\n '213',\n '310',\n '323',\n '408',\n '415',\n '510',\n '530',\n '559',\n '562',\n '619',\n '626',\n '650',\n '661',\n '707',\n '714',\n '760',\n '805',\n '818',\n '831',\n '858',\n '909',\n '916',\n '925',\n '949',\n '951',\n '303',\n '719',\n '970',\n '203',\n '860',\n '202',\n '302',\n '239',\n '305',\n '321',\n '352',\n '386',\n '407',\n '561',\n '727',\n '772',\n '813',\n '850',\n '863',\n '904',\n '941',\n '954',\n '229',\n '404',\n '478',\n '706',\n '770',\n '912',\n '808',\n '319',\n '515',\n '563',\n '641',\n '712',\n '208',\n '217',\n '309',\n '312',\n '618',\n '630',\n '708',\n '773',\n '815',\n '847',\n '219',\n '260',\n '317',\n '574',\n '765',\n '812',\n '316',\n '620',\n '785',\n '913',\n '270',\n '502',\n '606',\n '859',\n '225',\n '318',\n '337',\n '504',\n '985',\n '413',\n '508',\n '617',\n '781',\n '978',\n '301',\n '410',\n '207',\n '231',\n '248',\n '269',\n '313',\n '517',\n '586',\n '616',\n '734',\n '810',\n '906',\n '989',\n '218',\n '320',\n '507',\n '612',\n '651',\n '763',\n '952',\n '314',\n '417',\n '573',\n '636',\n '660',\n '816',\n '228',\n '601',\n '662',\n '406',\n '252',\n '336',\n '704',\n '828',\n '910',\n '919',\n '701',\n '308',\n '402',\n '603',\n '201',\n '609',\n '732',\n '856',\n '908',\n '973',\n '505',\n '575',\n '702',\n '775',\n '212',\n '315',\n '516',\n '518',\n '585',\n '607',\n '631',\n '716',\n '718',\n '845',\n '914',\n '216',\n '330',\n '419',\n '440',\n '513',\n '614',\n '740',\n '937',\n '405',\n '580',\n '918',\n '503',\n '541',\n '215',\n '412',\n '570',\n '610',\n '717',\n '724',\n '814',\n '401',\n '803',\n '843',\n '864',\n '605',\n '423',\n '615',\n '731',\n '865',\n '901',\n '931',\n '210',\n '214',\n '254',\n '281',\n '325',\n '361',\n '409',\n '432',\n '512',\n '713',\n '806',\n '817',\n '830',\n '903',\n '915',\n '936',\n '940',\n '956',\n '972',\n '979',\n '435',\n '801',\n '276',\n '434',\n '540',\n '703',\n '757',\n '804',\n '802',\n '206',\n '253',\n '360',\n '425',\n '509',\n '262',\n '414',\n '608',\n '715',\n '920',\n '304',\n '307',\n]);\n\nconst CanadaSubAreaSet: ReadonlySet<string> = new Set([\n '204',\n '226',\n '236',\n '249',\n '250',\n '289',\n '306',\n '343',\n '365',\n '387',\n '403',\n '416',\n '418',\n '431',\n '437',\n '438',\n '450',\n '506',\n '514',\n '519',\n '548',\n '579',\n '581',\n '587',\n '604',\n '613',\n '639',\n '647',\n '672',\n '705',\n '709',\n '742',\n '778',\n '780',\n '782',\n '807',\n '819',\n '825',\n '867',\n '873',\n '902',\n '905',\n]);\n\nexport const SubAreaCodeSets = {\n us: UnitedStatesSubAreasSet,\n ca: CanadaSubAreaSet,\n};\n\nexport interface CountryEntry {\n name: CountryName;\n iso: CountryIso;\n code: DialingCode;\n pattern: PhonePattern;\n priority: number;\n}\n\nconst createEntry = ([\n name,\n iso,\n code,\n pattern = '' as any,\n priority = 0 as any,\n]: CountryCodeData[number]): CountryEntry => ({\n name,\n iso,\n code,\n pattern,\n priority,\n});\n\nexport type IsoToCountryMapType = ReadonlyMap<CountryIso, CountryEntry>;\n\nexport const IsoToCountryMap: IsoToCountryMapType = data.reduce(\n (acc, cur) => acc.set(cur[1], createEntry(cur)),\n new Map<CountryIso, CountryEntry>(),\n);\n\nexport type CodeToCountryIsoMapType = ReadonlyMap<DialingCode, CountryEntry[]>;\n\nexport const CodeToCountriesMap: CodeToCountryIsoMapType = data.reduce((acc, cur) => {\n const code = cur[2];\n const country = createEntry(cur);\n if (acc.has(code)) {\n acc.get(code)?.push(country);\n } else {\n acc.set(code, [country]);\n }\n return acc;\n}, new Map<DialingCode, CountryEntry[]>());\n"],"mappings":"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;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAwB;EAAM;EAAM;CACrC;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAc;EAAM;EAAM;CAC3B;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAgB;EAAM;EAAM;EAAe;CAC5C;EAAC;EAAa;EAAM;EAAK;CACzB;EAAC;EAAW;EAAM;EAAK;CACvB;EAAC;EAAqB;EAAM;EAAM;CAClC;EAAC;EAAS;EAAM;EAAM;CACtB;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAY;EAAM;EAAM;CAC1B;AAED,MAAMA,0BAA+C,IAAI,IAAI;CAC3D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,mBAAwC,IAAI,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAa,kBAAkB;CAC7B,IAAI;CACJ,IAAI;CACL;AAUD,MAAM,eAAe,CACnB,MACA,KACA,MACA,UAAU,IACV,WAAW,QACiC;CAC5C;CACA;CACA;CACA;CACA;CACD;AAID,MAAaC,kBAAuC,KAAK,QACtD,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,kBAC/C,IAAI,KAA+B,CACpC;AAID,MAAaC,qBAA8C,KAAK,QAAQ,KAAK,QAAQ;CACnF,MAAM,OAAO,IAAI;CACjB,MAAM,UAAU,YAAY,IAAI;AAChC,KAAI,IAAI,IAAI,KAAK,CACf,KAAI,IAAI,KAAK,EAAE,KAAK,QAAQ;KAE5B,KAAI,IAAI,MAAM,CAAC,QAAQ,CAAC;AAE1B,QAAO;mBACN,IAAI,KAAkC,CAAC"}
1
+ {"version":3,"file":"countryCodeData.js","names":["UnitedStatesSubAreasSet: ReadonlySet<string>","CanadaSubAreaSet: ReadonlySet<string>","IsoToCountryMap: IsoToCountryMapType","CodeToCountriesMap: CodeToCountryIsoMapType"],"sources":["../../../src/elements/PhoneInput/countryCodeData.ts"],"sourcesContent":["export type CountryCodeData = typeof data;\nexport type CountryName = CountryCodeData[number][0];\nexport type CountryIso = CountryCodeData[number][1];\nexport type DialingCode = CountryCodeData[number][2];\nexport type PhonePattern = CountryCodeData[number][3] | '';\n\nconst data = [\n ['United States', 'us', '1', '(...) ...-....', 100],\n ['United Kingdom', 'gb', '44', '.... ......', 100],\n ['India', 'in', '91', '.....-.....', 100],\n ['Canada', 'ca', '1', '(...) ...-....', 100],\n ['Germany', 'de', '49', '... .......', 100],\n ['France', 'fr', '33', '. .. .. .. ..', 100],\n ['Russia', 'ru', '7', '... ...-..-..', 100],\n ['Afghanistan', 'af', '93'],\n ['Åland Islands', 'ax', '358'],\n ['Albania', 'al', '355'],\n ['Algeria', 'dz', '213'],\n ['American Samoa', 'as', '1684'],\n ['Andorra', 'ad', '376'],\n ['Angola', 'ao', '244'],\n ['Anguilla', 'ai', '1264'],\n ['Antigua and Barbuda', 'ag', '1268'],\n ['Argentina', 'ar', '54'],\n ['Armenia', 'am', '374'],\n ['Aruba', 'aw', '297'],\n ['Ascension Island', 'ac', '247'],\n ['Australia', 'au', '61', '... ... ...'],\n ['Austria', 'at', '43'],\n ['Azerbaijan', 'az', '994'],\n ['Bahamas', 'bs', '1242'],\n ['Bahrain', 'bh', '973'],\n ['Bangladesh', 'bd', '880'],\n ['Barbados', 'bb', '1246'],\n ['Belarus', 'by', '375'],\n ['Belgium', 'be', '32', '... .. .. ..'],\n ['Belize', 'bz', '501'],\n ['Benin', 'bj', '229'],\n ['Bermuda', 'bm', '1441'],\n ['Bhutan', 'bt', '975'],\n ['Bolivia', 'bo', '591'],\n ['Bosnia and Herzegovina', 'ba', '387'],\n ['Botswana', 'bw', '267'],\n ['Brazil', 'br', '55'],\n ['British Indian Ocean Territory', 'io', '246'],\n ['British Virgin Islands', 'vg', '1284'],\n ['Brunei', 'bn', '673'],\n ['Bulgaria', 'bg', '359'],\n ['Burkina Faso', 'bf', '226'],\n ['Burundi', 'bi', '257'],\n ['Cambodia', 'kh', '855'],\n ['Cameroon', 'cm', '237'],\n ['Cape Verde', 'cv', '238'],\n ['Caribbean Netherlands', 'bq', '599'],\n ['Cayman Islands', 'ky', '1345'],\n ['Central African Republic', 'cf', '236'],\n ['Chad', 'td', '235'],\n ['Chile', 'cl', '56'],\n ['China', 'cn', '86', '...-....-....'],\n ['Colombia', 'co', '57'],\n ['Comoros', 'km', '269'],\n ['Democratic Republic of the Congo', 'cd', '243'],\n ['Republic of the Congo', 'cg', '242'],\n ['Cook Islands', 'ck', '682'],\n ['Costa Rica', 'cr', '506', '....-....'],\n ['Côte d’Ivoire', 'ci', '225'],\n ['Croatia', 'hr', '385'],\n ['Cuba', 'cu', '53'],\n ['Curaçao', 'cw', '599'],\n ['Cyprus', 'cy', '357'],\n ['Czech Republic', 'cz', '420'],\n ['Denmark', 'dk', '45', '.. .. .. ..'],\n ['Djibouti', 'dj', '253'],\n ['Dominica', 'dm', '1767'],\n ['Dominican Republic', 'do', '1'],\n ['Ecuador', 'ec', '593'],\n ['Egypt', 'eg', '20'],\n ['El Salvador', 'sv', '503', '....-....'],\n ['Equatorial Guinea', 'gq', '240'],\n ['Eritrea', 'er', '291'],\n ['Estonia', 'ee', '372'],\n ['Ethiopia', 'et', '251'],\n ['Falkland Islands', 'fk', '500'],\n ['Faroe Islands', 'fo', '298'],\n ['Fiji', 'fj', '679'],\n ['Finland', 'fi', '358', '.. ... .. ..'],\n ['French Guiana', 'gf', '594'],\n ['French Polynesia', 'pf', '689'],\n ['Gabon', 'ga', '241'],\n ['Gambia', 'gm', '220'],\n ['Georgia', 'ge', '995'],\n ['Ghana', 'gh', '233'],\n ['Gibraltar', 'gi', '350'],\n ['Greece', 'gr', '30', '... .......'],\n ['Greenland', 'gl', '299'],\n ['Grenada', 'gd', '1473'],\n ['Guadeloupe', 'gp', '590'],\n ['Guam', 'gu', '1671'],\n ['Guatemala', 'gt', '502', '....-....'],\n ['Guinea', 'gn', '224'],\n ['Guinea-Bissau', 'gw', '245'],\n ['Guyana', 'gy', '592'],\n ['Haiti', 'ht', '509', '....-....'],\n ['Honduras', 'hn', '504'],\n ['Hong Kong', 'hk', '852', '.... ....'],\n ['Hungary', 'hu', '36'],\n ['Iceland', 'is', '354', '... ....'],\n ['Indonesia', 'id', '62'],\n ['Iran', 'ir', '98'],\n ['Iraq', 'iq', '964'],\n ['Ireland', 'ie', '353', '.. .......'],\n ['Israel', 'il', '972'],\n ['Italy', 'it', '39', '... ......'],\n ['Jamaica', 'jm', '1876'],\n ['Japan', 'jp', '81', '... .. ....'],\n ['Jordan', 'jo', '962'],\n ['Kazakhstan', 'kz', '7', '... ...-..-..'],\n ['Kenya', 'ke', '254'],\n ['Kiribati', 'ki', '686'],\n ['Kosovo', 'xk', '383'],\n ['Kuwait', 'kw', '965'],\n ['Kyrgyzstan', 'kg', '996'],\n ['Laos', 'la', '856'],\n ['Latvia', 'lv', '371'],\n ['Lebanon', 'lb', '961'],\n ['Lesotho', 'ls', '266'],\n ['Liberia', 'lr', '231'],\n ['Libya', 'ly', '218'],\n ['Liechtenstein', 'li', '423'],\n ['Lithuania', 'lt', '370'],\n ['Luxembourg', 'lu', '352'],\n ['Macau', 'mo', '853'],\n ['Madagascar', 'mg', '261'],\n ['Malawi', 'mw', '265'],\n ['Malaysia', 'my', '60', '..-....-....'],\n ['Maldives', 'mv', '960'],\n ['Mali', 'ml', '223'],\n ['Malta', 'mt', '356'],\n ['Marshall Islands', 'mh', '692'],\n ['Martinique', 'mq', '596'],\n ['Mauritania', 'mr', '222'],\n ['Mauritius', 'mu', '230'],\n ['Mayotte', 'yt', '262'],\n ['Mexico', 'mx', '52'],\n ['Micronesia', 'fm', '691'],\n ['Moldova', 'md', '373'],\n ['Monaco', 'mc', '377'],\n ['Mongolia', 'mn', '976'],\n ['Montenegro', 'me', '382'],\n ['Montserrat', 'ms', '1664'],\n ['Morocco', 'ma', '212'],\n ['Mozambique', 'mz', '258'],\n ['Myanmar', 'mm', '95'],\n ['Namibia', 'na', '264'],\n ['Nauru', 'nr', '674'],\n ['Nepal', 'np', '977'],\n ['Netherlands', 'nl', '31', '.. ........'],\n ['New Caledonia', 'nc', '687'],\n ['New Zealand', 'nz', '64', '...-...-....'],\n ['Nicaragua', 'ni', '505'],\n ['Niger', 'ne', '227'],\n ['Nigeria', 'ng', '234'],\n ['Niue', 'nu', '683'],\n ['Norfolk Island', 'nf', '672'],\n ['North Korea', 'kp', '850'],\n ['North Macedonia', 'mk', '389'],\n ['Northern Mariana Islands', 'mp', '1670'],\n ['Norway', 'no', '47', '... .. ...'],\n ['Oman', 'om', '968'],\n ['Pakistan', 'pk', '92', '...-.......'],\n ['Palau', 'pw', '680'],\n ['Palestine', 'ps', '970'],\n ['Panama', 'pa', '507'],\n ['Papua New Guinea', 'pg', '675'],\n ['Paraguay', 'py', '595'],\n ['Peru', 'pe', '51'],\n ['Philippines', 'ph', '63', '... ....'],\n ['Poland', 'pl', '48', '...-...-...'],\n ['Portugal', 'pt', '351'],\n ['Puerto Rico', 'pr', '1'],\n ['Qatar', 'qa', '974'],\n ['Réunion', 're', '262'],\n ['Romania', 'ro', '40'],\n ['Rwanda', 'rw', '250'],\n ['Saint Barthélemy', 'bl', '590'],\n ['Saint Helena', 'sh', '290'],\n ['Saint Kitts and Nevis', 'kn', '1869'],\n ['Saint Lucia', 'lc', '1758'],\n ['Saint Martin', 'mf', '590'],\n ['Saint Pierre and Miquelon', 'pm', '508'],\n ['Saint Vincent and the Grenadines', 'vc', '1784'],\n ['Samoa', 'ws', '685'],\n ['San Marino', 'sm', '378'],\n ['São Tomé and Príncipe', 'st', '239'],\n ['Saudi Arabia', 'sa', '966'],\n ['Senegal', 'sn', '221'],\n ['Serbia', 'rs', '381'],\n ['Seychelles', 'sc', '248'],\n ['Sierra Leone', 'sl', '232'],\n ['Singapore', 'sg', '65', '....-....'],\n ['Sint Maarten', 'sx', '1721'],\n ['Slovakia', 'sk', '421'],\n ['Slovenia', 'si', '386'],\n ['Solomon Islands', 'sb', '677'],\n ['Somalia', 'so', '252'],\n ['South Africa', 'za', '27'],\n ['South Korea', 'kr', '82'],\n ['South Sudan', 'ss', '211'],\n ['Spain', 'es', '34', '... ... ...'],\n ['Sri Lanka', 'lk', '94'],\n ['Sudan', 'sd', '249'],\n ['Suriname', 'sr', '597'],\n ['Eswatini', 'sz', '268'],\n ['Sweden', 'se', '46', '.. ... .. ..'],\n ['Switzerland', 'ch', '41', '.. ... .. ..'],\n ['Syria', 'sy', '963'],\n ['Taiwan', 'tw', '886'],\n ['Tajikistan', 'tj', '992'],\n ['Tanzania', 'tz', '255'],\n ['Thailand', 'th', '66'],\n ['Timor-Leste', 'tl', '670'],\n ['Togo', 'tg', '228'],\n ['Tokelau', 'tk', '690'],\n ['Tonga', 'to', '676'],\n ['Trinidad and Tobago', 'tt', '1868'],\n ['Tunisia', 'tn', '216'],\n ['Turkey', 'tr', '90', '... ... .. ..'],\n ['Turkmenistan', 'tm', '993'],\n ['Turks and Caicos Islands', 'tc', '1649'],\n ['Tuvalu', 'tv', '688'],\n ['U.S. Virgin Islands', 'vi', '1340'],\n ['Uganda', 'ug', '256'],\n ['Ukraine', 'ua', '380'],\n ['United Arab Emirates', 'ae', '971'],\n ['Uruguay', 'uy', '598'],\n ['Uzbekistan', 'uz', '998'],\n ['Vanuatu', 'vu', '678'],\n ['Vatican City', 'va', '39', '.. .... ....'],\n ['Venezuela', 've', '58'],\n ['Vietnam', 'vn', '84'],\n ['Wallis and Futuna', 'wf', '681'],\n ['Western Sahara', 'eh', '212'],\n ['Yemen', 'ye', '967'],\n ['Zambia', 'zm', '260'],\n ['Zimbabwe', 'zw', '263'],\n] as const;\n\nconst UnitedStatesSubAreasSet: ReadonlySet<string> = new Set([\n '907',\n '205',\n '251',\n '256',\n '334',\n '479',\n '501',\n '870',\n '480',\n '520',\n '602',\n '623',\n '928',\n '209',\n '213',\n '310',\n '323',\n '408',\n '415',\n '510',\n '530',\n '559',\n '562',\n '619',\n '626',\n '650',\n '661',\n '707',\n '714',\n '760',\n '805',\n '818',\n '831',\n '858',\n '909',\n '916',\n '925',\n '949',\n '951',\n '303',\n '719',\n '970',\n '203',\n '860',\n '202',\n '302',\n '239',\n '305',\n '321',\n '352',\n '386',\n '407',\n '561',\n '727',\n '772',\n '813',\n '850',\n '863',\n '904',\n '941',\n '954',\n '229',\n '404',\n '478',\n '706',\n '770',\n '912',\n '808',\n '319',\n '515',\n '563',\n '641',\n '712',\n '208',\n '217',\n '309',\n '312',\n '618',\n '630',\n '708',\n '773',\n '815',\n '847',\n '219',\n '260',\n '317',\n '574',\n '765',\n '812',\n '316',\n '620',\n '785',\n '913',\n '270',\n '502',\n '606',\n '859',\n '225',\n '318',\n '337',\n '504',\n '985',\n '413',\n '508',\n '617',\n '781',\n '978',\n '301',\n '410',\n '207',\n '231',\n '248',\n '269',\n '313',\n '517',\n '586',\n '616',\n '734',\n '810',\n '906',\n '989',\n '218',\n '320',\n '507',\n '612',\n '651',\n '763',\n '952',\n '314',\n '417',\n '573',\n '636',\n '660',\n '816',\n '228',\n '601',\n '662',\n '406',\n '252',\n '336',\n '704',\n '828',\n '910',\n '919',\n '701',\n '308',\n '402',\n '603',\n '201',\n '609',\n '732',\n '856',\n '908',\n '973',\n '505',\n '575',\n '702',\n '775',\n '212',\n '315',\n '516',\n '518',\n '585',\n '607',\n '631',\n '716',\n '718',\n '845',\n '914',\n '216',\n '330',\n '419',\n '440',\n '513',\n '614',\n '740',\n '937',\n '405',\n '580',\n '918',\n '503',\n '541',\n '215',\n '412',\n '570',\n '610',\n '717',\n '724',\n '814',\n '401',\n '803',\n '843',\n '864',\n '605',\n '423',\n '615',\n '731',\n '865',\n '901',\n '931',\n '210',\n '214',\n '254',\n '281',\n '325',\n '361',\n '409',\n '432',\n '512',\n '713',\n '806',\n '817',\n '830',\n '903',\n '915',\n '936',\n '940',\n '956',\n '972',\n '979',\n '435',\n '801',\n '276',\n '434',\n '540',\n '703',\n '757',\n '804',\n '802',\n '206',\n '253',\n '360',\n '425',\n '509',\n '262',\n '414',\n '608',\n '715',\n '920',\n '304',\n '307',\n]);\n\nconst CanadaSubAreaSet: ReadonlySet<string> = new Set([\n '204',\n '226',\n '236',\n '249',\n '250',\n '289',\n '306',\n '343',\n '365',\n '387',\n '403',\n '416',\n '418',\n '431',\n '437',\n '438',\n '450',\n '506',\n '514',\n '519',\n '548',\n '579',\n '581',\n '587',\n '604',\n '613',\n '639',\n '647',\n '672',\n '705',\n '709',\n '742',\n '778',\n '780',\n '782',\n '807',\n '819',\n '825',\n '867',\n '873',\n '902',\n '905',\n]);\n\nexport const SubAreaCodeSets = {\n us: UnitedStatesSubAreasSet,\n ca: CanadaSubAreaSet,\n};\n\nexport interface CountryEntry {\n name: CountryName;\n iso: CountryIso;\n code: DialingCode;\n pattern: PhonePattern;\n priority: number;\n}\n\nconst createEntry = ([\n name,\n iso,\n code,\n pattern = '' as any,\n priority = 0 as any,\n]: CountryCodeData[number]): CountryEntry => ({\n name,\n iso,\n code,\n pattern,\n priority,\n});\n\nexport type IsoToCountryMapType = ReadonlyMap<CountryIso, CountryEntry>;\n\nexport const IsoToCountryMap: IsoToCountryMapType = data.reduce(\n (acc, cur) => acc.set(cur[1], createEntry(cur)),\n new Map<CountryIso, CountryEntry>(),\n);\n\nexport type CodeToCountryIsoMapType = ReadonlyMap<DialingCode, CountryEntry[]>;\n\nexport const CodeToCountriesMap: CodeToCountryIsoMapType = data.reduce((acc, cur) => {\n const code = cur[2];\n const country = createEntry(cur);\n if (acc.has(code)) {\n acc.get(code)?.push(country);\n } else {\n acc.set(code, [country]);\n }\n return acc;\n}, new Map<DialingCode, CountryEntry[]>());\n"],"mappings":"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vC;EAAC;EAAgB;EAAM;EAAM;CAC7B;EAAC;EAA4B;EAAM;EAAO;CAC1C;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAuB;EAAM;EAAO;CACrC;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAwB;EAAM;EAAM;CACrC;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAc;EAAM;EAAM;CAC3B;EAAC;EAAW;EAAM;EAAM;CACxB;EAAC;EAAgB;EAAM;EAAM;EAAe;CAC5C;EAAC;EAAa;EAAM;EAAK;CACzB;EAAC;EAAW;EAAM;EAAK;CACvB;EAAC;EAAqB;EAAM;EAAM;CAClC;EAAC;EAAkB;EAAM;EAAM;CAC/B;EAAC;EAAS;EAAM;EAAM;CACtB;EAAC;EAAU;EAAM;EAAM;CACvB;EAAC;EAAY;EAAM;EAAM;CAC1B;AAED,MAAMA,0BAA+C,IAAI,IAAI;CAC3D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,mBAAwC,IAAI,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAa,kBAAkB;CAC7B,IAAI;CACJ,IAAI;CACL;AAUD,MAAM,eAAe,CACnB,MACA,KACA,MACA,UAAU,IACV,WAAW,QACiC;CAC5C;CACA;CACA;CACA;CACA;CACD;AAID,MAAaC,kBAAuC,KAAK,QACtD,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,kBAC/C,IAAI,KAA+B,CACpC;AAID,MAAaC,qBAA8C,KAAK,QAAQ,KAAK,QAAQ;CACnF,MAAM,OAAO,IAAI;CACjB,MAAM,UAAU,YAAY,IAAI;AAChC,KAAI,IAAI,IAAI,KAAK,CACf,KAAI,IAAI,KAAK,EAAE,KAAK,QAAQ;KAE5B,KAAI,IAAI,MAAM,CAAC,QAAQ,CAAC;AAE1B,QAAO;mBACN,IAAI,KAAkC,CAAC"}
@@ -53,7 +53,7 @@ const PopoverCardContent = (props) => {
53
53
  const PopoverCardFooter = (props) => {
54
54
  const { sx, children,...rest } = props;
55
55
  const { branded } = useEnvironment().displayConfig;
56
- const { privacyPageUrl, termsPageUrl, helpPageUrl } = useAppearance().parsedLayout;
56
+ const { privacyPageUrl, termsPageUrl, helpPageUrl } = useAppearance().parsedOptions;
57
57
  const shouldShowTagOrLinks = branded || privacyPageUrl || termsPageUrl || helpPageUrl;
58
58
  return /* @__PURE__ */ jsxs(Col, {
59
59
  justify: "between",
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverCard.js","names":["withAnimation: ThemableCssProp"],"sources":["../../src/elements/PopoverCard.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEnvironment } from '../contexts';\nimport { Col, descriptors, Flex, Flow, useAppearance } from '../customizables';\nimport type { ElementDescriptor } from '../customizables/elementDescriptors';\nimport type { PropsOfComponent, ThemableCssProp } from '../styledSystem';\nimport { animations, common } from '../styledSystem';\nimport { colors } from '../utils/colors';\nimport { Card } from './Card';\n\nconst PopoverCardRoot = React.forwardRef<\n HTMLDivElement,\n PropsOfComponent<typeof Card.Content> & {\n shouldEntryAnimate?: boolean;\n }\n>((props, ref) => {\n const { elementDescriptor, shouldEntryAnimate = true, ...rest } = props;\n\n const withAnimation: ThemableCssProp = t => ({\n animation: shouldEntryAnimate\n ? `${animations.dropdownSlideInScaleAndFade} ${t.transitionDuration.$fast}`\n : undefined,\n });\n\n return (\n <Flow.Part part='popover'>\n <Card.Root\n elementDescriptor={[descriptors.popoverBox, elementDescriptor as ElementDescriptor]}\n {...rest}\n ref={ref}\n sx={[\n t => ({\n width: t.sizes.$94,\n maxWidth: `calc(100vw - ${t.sizes.$8})`,\n zIndex: t.zIndices.$modal,\n borderRadius: t.radii.$xl,\n outline: 'none',\n }),\n withAnimation,\n ]}\n >\n {props.children}\n </Card.Root>\n </Flow.Part>\n );\n});\n\nconst PopoverCardContent = (props: PropsOfComponent<typeof Flex>) => {\n const { sx, ...rest } = props;\n return (\n <Flex\n direction='col'\n sx={[\n t => ({\n backgroundColor: t.colors.$colorBackground,\n overflow: 'hidden',\n borderRadius: t.radii.$lg,\n zIndex: t.zIndices.$card,\n borderWidth: t.borderWidths.$normal,\n borderStyle: t.borderStyles.$solid,\n borderColor: t.colors.$borderAlpha150,\n marginInline: '-1px',\n marginBlockStart: '-1px',\n }),\n sx,\n ]}\n {...rest}\n >\n {props.children}\n </Flex>\n );\n};\n\nconst PopoverCardFooter = (props: PropsOfComponent<typeof Flex>) => {\n const { sx, children, ...rest } = props;\n const { branded } = useEnvironment().displayConfig;\n const { privacyPageUrl, termsPageUrl, helpPageUrl } = useAppearance().parsedLayout;\n const shouldShowTagOrLinks = branded || privacyPageUrl || termsPageUrl || helpPageUrl;\n\n return (\n <Col\n justify='between'\n sx={[\n t => ({\n background: common.mergedColorsBackground(\n colors.setAlpha(t.colors.$colorBackground, 1),\n t.colors.$neutralAlpha50,\n ),\n marginTop: `calc(${t.space.$2} * -1)`,\n paddingTop: t.space.$2,\n '&:empty': {\n padding: 0,\n marginTop: 0,\n },\n '>:not(:first-of-type)': {\n padding: `${t.space.$4} ${t.space.$8}`,\n borderTopWidth: t.borderWidths.$normal,\n borderTopStyle: t.borderStyles.$solid,\n borderTopColor: t.colors.$borderAlpha100,\n },\n }),\n sx,\n ]}\n {...rest}\n >\n {children}\n\n <Card.ClerkAndPagesTag\n outerSx={t => ({\n padding: `${t.space.$4} ${t.space.$8}`,\n })}\n withFooterPages={!!shouldShowTagOrLinks}\n devModeNoticeSx={t => ({\n padding: t.space.$none,\n })}\n withDevOverlay\n />\n </Col>\n );\n};\n\nexport const PopoverCard = {\n Root: PopoverCardRoot,\n Content: PopoverCardContent,\n Footer: PopoverCardFooter,\n};\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,kBAAkB,MAAM,YAK3B,OAAO,QAAQ;CAChB,MAAM,EAAE,mBAAmB,qBAAqB,KAAM,GAAG,SAAS;CAElE,MAAMA,iBAAiC,OAAM,EAC3C,WAAW,qBACP,GAAG,WAAW,4BAA4B,GAAG,EAAE,mBAAmB,UAClE,QACL;AAED,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,oBAAC,KAAK;GACJ,mBAAmB,CAAC,YAAY,YAAY,kBAAuC;GACnF,GAAI;GACC;GACL,IAAI,EACF,OAAM;IACJ,OAAO,EAAE,MAAM;IACf,UAAU,gBAAgB,EAAE,MAAM,GAAG;IACrC,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE,MAAM;IACtB,SAAS;IACV,GACD,cACD;aAEA,MAAM;IACG;GACF;EAEd;AAEF,MAAM,sBAAsB,UAAyC;CACnE,MAAM,EAAE,GAAI,GAAG,SAAS;AACxB,QACE,oBAAC;EACC,WAAU;EACV,IAAI,EACF,OAAM;GACJ,iBAAiB,EAAE,OAAO;GAC1B,UAAU;GACV,cAAc,EAAE,MAAM;GACtB,QAAQ,EAAE,SAAS;GACnB,aAAa,EAAE,aAAa;GAC5B,aAAa,EAAE,aAAa;GAC5B,aAAa,EAAE,OAAO;GACtB,cAAc;GACd,kBAAkB;GACnB,GACD,GACD;EACD,GAAI;YAEH,MAAM;GACF;;AAIX,MAAM,qBAAqB,UAAyC;CAClE,MAAM,EAAE,IAAI,SAAU,GAAG,SAAS;CAClC,MAAM,EAAE,YAAY,gBAAgB,CAAC;CACrC,MAAM,EAAE,gBAAgB,cAAc,gBAAgB,eAAe,CAAC;CACtE,MAAM,uBAAuB,WAAW,kBAAkB,gBAAgB;AAE1E,QACE,qBAAC;EACC,SAAQ;EACR,IAAI,EACF,OAAM;GACJ,YAAY,OAAO,uBACjB,OAAO,SAAS,EAAE,OAAO,kBAAkB,EAAE,EAC7C,EAAE,OAAO,gBACV;GACD,WAAW,QAAQ,EAAE,MAAM,GAAG;GAC9B,YAAY,EAAE,MAAM;GACpB,WAAW;IACT,SAAS;IACT,WAAW;IACZ;GACD,yBAAyB;IACvB,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;IAClC,gBAAgB,EAAE,aAAa;IAC/B,gBAAgB,EAAE,aAAa;IAC/B,gBAAgB,EAAE,OAAO;IAC1B;GACF,GACD,GACD;EACD,GAAI;aAEH,UAED,oBAAC,KAAK;GACJ,UAAS,OAAM,EACb,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,MACnC;GACD,iBAAiB,CAAC,CAAC;GACnB,kBAAiB,OAAM,EACrB,SAAS,EAAE,MAAM,OAClB;GACD;IACA;GACE;;AAIV,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,QAAQ;CACT"}
1
+ {"version":3,"file":"PopoverCard.js","names":["withAnimation: ThemableCssProp"],"sources":["../../src/elements/PopoverCard.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEnvironment } from '../contexts';\nimport { Col, descriptors, Flex, Flow, useAppearance } from '../customizables';\nimport type { ElementDescriptor } from '../customizables/elementDescriptors';\nimport type { PropsOfComponent, ThemableCssProp } from '../styledSystem';\nimport { animations, common } from '../styledSystem';\nimport { colors } from '../utils/colors';\nimport { Card } from './Card';\n\nconst PopoverCardRoot = React.forwardRef<\n HTMLDivElement,\n PropsOfComponent<typeof Card.Content> & {\n shouldEntryAnimate?: boolean;\n }\n>((props, ref) => {\n const { elementDescriptor, shouldEntryAnimate = true, ...rest } = props;\n\n const withAnimation: ThemableCssProp = t => ({\n animation: shouldEntryAnimate\n ? `${animations.dropdownSlideInScaleAndFade} ${t.transitionDuration.$fast}`\n : undefined,\n });\n\n return (\n <Flow.Part part='popover'>\n <Card.Root\n elementDescriptor={[descriptors.popoverBox, elementDescriptor as ElementDescriptor]}\n {...rest}\n ref={ref}\n sx={[\n t => ({\n width: t.sizes.$94,\n maxWidth: `calc(100vw - ${t.sizes.$8})`,\n zIndex: t.zIndices.$modal,\n borderRadius: t.radii.$xl,\n outline: 'none',\n }),\n withAnimation,\n ]}\n >\n {props.children}\n </Card.Root>\n </Flow.Part>\n );\n});\n\nconst PopoverCardContent = (props: PropsOfComponent<typeof Flex>) => {\n const { sx, ...rest } = props;\n return (\n <Flex\n direction='col'\n sx={[\n t => ({\n backgroundColor: t.colors.$colorBackground,\n overflow: 'hidden',\n borderRadius: t.radii.$lg,\n zIndex: t.zIndices.$card,\n borderWidth: t.borderWidths.$normal,\n borderStyle: t.borderStyles.$solid,\n borderColor: t.colors.$borderAlpha150,\n marginInline: '-1px',\n marginBlockStart: '-1px',\n }),\n sx,\n ]}\n {...rest}\n >\n {props.children}\n </Flex>\n );\n};\n\nconst PopoverCardFooter = (props: PropsOfComponent<typeof Flex>) => {\n const { sx, children, ...rest } = props;\n const { branded } = useEnvironment().displayConfig;\n const { privacyPageUrl, termsPageUrl, helpPageUrl } = useAppearance().parsedOptions;\n const shouldShowTagOrLinks = branded || privacyPageUrl || termsPageUrl || helpPageUrl;\n\n return (\n <Col\n justify='between'\n sx={[\n t => ({\n background: common.mergedColorsBackground(\n colors.setAlpha(t.colors.$colorBackground, 1),\n t.colors.$neutralAlpha50,\n ),\n marginTop: `calc(${t.space.$2} * -1)`,\n paddingTop: t.space.$2,\n '&:empty': {\n padding: 0,\n marginTop: 0,\n },\n '>:not(:first-of-type)': {\n padding: `${t.space.$4} ${t.space.$8}`,\n borderTopWidth: t.borderWidths.$normal,\n borderTopStyle: t.borderStyles.$solid,\n borderTopColor: t.colors.$borderAlpha100,\n },\n }),\n sx,\n ]}\n {...rest}\n >\n {children}\n\n <Card.ClerkAndPagesTag\n outerSx={t => ({\n padding: `${t.space.$4} ${t.space.$8}`,\n })}\n withFooterPages={!!shouldShowTagOrLinks}\n devModeNoticeSx={t => ({\n padding: t.space.$none,\n })}\n withDevOverlay\n />\n </Col>\n );\n};\n\nexport const PopoverCard = {\n Root: PopoverCardRoot,\n Content: PopoverCardContent,\n Footer: PopoverCardFooter,\n};\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,kBAAkB,MAAM,YAK3B,OAAO,QAAQ;CAChB,MAAM,EAAE,mBAAmB,qBAAqB,KAAM,GAAG,SAAS;CAElE,MAAMA,iBAAiC,OAAM,EAC3C,WAAW,qBACP,GAAG,WAAW,4BAA4B,GAAG,EAAE,mBAAmB,UAClE,QACL;AAED,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,oBAAC,KAAK;GACJ,mBAAmB,CAAC,YAAY,YAAY,kBAAuC;GACnF,GAAI;GACC;GACL,IAAI,EACF,OAAM;IACJ,OAAO,EAAE,MAAM;IACf,UAAU,gBAAgB,EAAE,MAAM,GAAG;IACrC,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE,MAAM;IACtB,SAAS;IACV,GACD,cACD;aAEA,MAAM;IACG;GACF;EAEd;AAEF,MAAM,sBAAsB,UAAyC;CACnE,MAAM,EAAE,GAAI,GAAG,SAAS;AACxB,QACE,oBAAC;EACC,WAAU;EACV,IAAI,EACF,OAAM;GACJ,iBAAiB,EAAE,OAAO;GAC1B,UAAU;GACV,cAAc,EAAE,MAAM;GACtB,QAAQ,EAAE,SAAS;GACnB,aAAa,EAAE,aAAa;GAC5B,aAAa,EAAE,aAAa;GAC5B,aAAa,EAAE,OAAO;GACtB,cAAc;GACd,kBAAkB;GACnB,GACD,GACD;EACD,GAAI;YAEH,MAAM;GACF;;AAIX,MAAM,qBAAqB,UAAyC;CAClE,MAAM,EAAE,IAAI,SAAU,GAAG,SAAS;CAClC,MAAM,EAAE,YAAY,gBAAgB,CAAC;CACrC,MAAM,EAAE,gBAAgB,cAAc,gBAAgB,eAAe,CAAC;CACtE,MAAM,uBAAuB,WAAW,kBAAkB,gBAAgB;AAE1E,QACE,qBAAC;EACC,SAAQ;EACR,IAAI,EACF,OAAM;GACJ,YAAY,OAAO,uBACjB,OAAO,SAAS,EAAE,OAAO,kBAAkB,EAAE,EAC7C,EAAE,OAAO,gBACV;GACD,WAAW,QAAQ,EAAE,MAAM,GAAG;GAC9B,YAAY,EAAE,MAAM;GACpB,WAAW;IACT,SAAS;IACT,WAAW;IACZ;GACD,yBAAyB;IACvB,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;IAClC,gBAAgB,EAAE,aAAa;IAC/B,gBAAgB,EAAE,aAAa;IAC/B,gBAAgB,EAAE,OAAO;IAC1B;GACF,GACD,GACD;EACD,GAAI;aAEH,UAED,oBAAC,KAAK;GACJ,UAAS,OAAM,EACb,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,MACnC;GACD,iBAAiB,CAAC,CAAC;GACnB,kBAAiB,OAAM,EACrB,SAAS,EAAE,MAAM,OAClB;GACD;IACA;GACE;;AAIV,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,QAAQ;CACT"}
@@ -8,7 +8,7 @@ const SocialButtonsReversibleContainerWithDivider = (props) => {
8
8
  const appearance = useAppearance();
9
9
  const childrenWithDivider = interleaveElementInArray(React.Children.toArray(props.children), (i) => /* @__PURE__ */ jsx(Divider, {}, `divider${i}`));
10
10
  return /* @__PURE__ */ jsx(ReversibleContainer, {
11
- reverse: appearance.parsedLayout.socialButtonsPlacement === "bottom",
11
+ reverse: appearance.parsedOptions.socialButtonsPlacement === "bottom",
12
12
  ...props,
13
13
  children: childrenWithDivider
14
14
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ReversibleContainer.js","names":[],"sources":["../../src/elements/ReversibleContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useAppearance } from '../customizables';\nimport { Divider } from './Divider';\n\nexport const SocialButtonsReversibleContainerWithDivider = (props: React.PropsWithChildren) => {\n const appearance = useAppearance();\n const childrenWithDivider = interleaveElementInArray(React.Children.toArray(props.children), i => (\n <Divider key={`divider${i}`} />\n ));\n\n return (\n <ReversibleContainer\n reverse={appearance.parsedLayout.socialButtonsPlacement === 'bottom'}\n {...props}\n >\n {childrenWithDivider}\n </ReversibleContainer>\n );\n};\n\nconst ReversibleContainer = (props: React.PropsWithChildren<{ reverse?: boolean }>) => {\n const { children, reverse } = props;\n return <>{reverse ? React.Children.toArray(children).reverse() : children}</>;\n};\n\nconst interleaveElementInArray = <T, A extends T[]>(arr: A, generator: (i: number) => any): A => {\n return arr.reduce((acc, child, i) => {\n return i === arr.length - 1 ? [...acc, child] : [...acc, child, generator(i)];\n }, [] as any);\n};\n"],"mappings":";;;;;;AAKA,MAAa,+CAA+C,UAAmC;CAC7F,MAAM,aAAa,eAAe;CAClC,MAAM,sBAAsB,yBAAyB,MAAM,SAAS,QAAQ,MAAM,SAAS,GAAE,MAC3F,oBAAC,aAAa,UAAU,IAAO,CAC/B;AAEF,QACE,oBAAC;EACC,SAAS,WAAW,aAAa,2BAA2B;EAC5D,GAAI;YAEH;GACmB;;AAI1B,MAAM,uBAAuB,UAA0D;CACrF,MAAM,EAAE,UAAU,YAAY;AAC9B,QAAO,4CAAG,UAAU,MAAM,SAAS,QAAQ,SAAS,CAAC,SAAS,GAAG,WAAY;;AAG/E,MAAM,4BAA8C,KAAQ,cAAqC;AAC/F,QAAO,IAAI,QAAQ,KAAK,OAAO,MAAM;AACnC,SAAO,MAAM,IAAI,SAAS,IAAI,CAAC,GAAG,KAAK,MAAM,GAAG;GAAC,GAAG;GAAK;GAAO,UAAU,EAAE;GAAC;IAC5E,EAAE,CAAQ"}
1
+ {"version":3,"file":"ReversibleContainer.js","names":[],"sources":["../../src/elements/ReversibleContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useAppearance } from '../customizables';\nimport { Divider } from './Divider';\n\nexport const SocialButtonsReversibleContainerWithDivider = (props: React.PropsWithChildren) => {\n const appearance = useAppearance();\n const childrenWithDivider = interleaveElementInArray(React.Children.toArray(props.children), i => (\n <Divider key={`divider${i}`} />\n ));\n\n return (\n <ReversibleContainer\n reverse={appearance.parsedOptions.socialButtonsPlacement === 'bottom'}\n {...props}\n >\n {childrenWithDivider}\n </ReversibleContainer>\n );\n};\n\nconst ReversibleContainer = (props: React.PropsWithChildren<{ reverse?: boolean }>) => {\n const { children, reverse } = props;\n return <>{reverse ? React.Children.toArray(children).reverse() : children}</>;\n};\n\nconst interleaveElementInArray = <T, A extends T[]>(arr: A, generator: (i: number) => any): A => {\n return arr.reduce((acc, child, i) => {\n return i === arr.length - 1 ? [...acc, child] : [...acc, child, generator(i)];\n }, [] as any);\n};\n"],"mappings":";;;;;;AAKA,MAAa,+CAA+C,UAAmC;CAC7F,MAAM,aAAa,eAAe;CAClC,MAAM,sBAAsB,yBAAyB,MAAM,SAAS,QAAQ,MAAM,SAAS,GAAE,MAC3F,oBAAC,aAAa,UAAU,IAAO,CAC/B;AAEF,QACE,oBAAC;EACC,SAAS,WAAW,cAAc,2BAA2B;EAC7D,GAAI;YAEH;GACmB;;AAI1B,MAAM,uBAAuB,UAA0D;CACrF,MAAM,EAAE,UAAU,YAAY;AAC9B,QAAO,4CAAG,UAAU,MAAM,SAAS,QAAQ,SAAS,CAAC,SAAS,GAAG,WAAY;;AAG/E,MAAM,4BAA8C,KAAQ,cAAqC;AAC/F,QAAO,IAAI,QAAQ,KAAK,OAAO,MAAM;AACnC,SAAO,MAAM,IAAI,SAAS,IAAI,CAAC,GAAG,KAAK,MAAM,GAAG;GAAC,GAAG;GAAK;GAAO,UAAU,EAAE;GAAC;IAC5E,EAAE,CAAQ"}
@@ -31,7 +31,7 @@ const SocialButtons = React.memo((props) => {
31
31
  const totalEnabledAuthMethods = useTotalEnabledAuthMethods();
32
32
  const card = useCardState();
33
33
  const clerk = useClerk();
34
- const { socialButtonsVariant } = useAppearance().parsedLayout;
34
+ const { socialButtonsVariant } = useAppearance().parsedOptions;
35
35
  const strategies = [
36
36
  ...enableOAuthProviders ? authenticatableOauthStrategies : [],
37
37
  ...enableWeb3Providers ? web3Strategies : [],
@@ -1 +1 @@
1
- {"version":3,"file":"SocialButtons.js","names":["strategies: TStrategy[]"],"sources":["../../src/elements/SocialButtons.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { useClerk } from '@clerk/shared/react';\nimport type { OAuthProvider, OAuthStrategy, PhoneCodeChannel, Web3Provider, Web3Strategy } from '@clerk/shared/types';\nimport type { Ref } from 'react';\nimport React, { forwardRef, isValidElement } from 'react';\n\nimport { ProviderInitialIcon } from '../common';\nimport type { LocalizationKey } from '../customizables';\nimport {\n Button,\n descriptors,\n Flex,\n Grid,\n Icon,\n Image,\n localizationKeys,\n SimpleButton,\n Spinner,\n Text,\n useAppearance,\n} from '../customizables';\nimport { useEnabledThirdPartyProviders } from '../hooks';\nimport { useTotalEnabledAuthMethods } from '../hooks/useTotalEnabledAuthMethods';\nimport { mqu, type PropsOfComponent } from '../styledSystem';\nimport { sleep } from '../utils/sleep';\nimport { LastAuthenticationStrategyBadge } from './Badge';\nimport { useCardState } from './contexts';\nimport { distributeStrategiesIntoRows } from './utils';\n\nconst SOCIAL_BUTTON_BLOCK_THRESHOLD = 2;\nconst SOCIAL_BUTTON_PRE_TEXT_THRESHOLD = 1;\nconst MAX_STRATEGIES_PER_ROW = 5;\n\nexport type SocialButtonsProps = React.PropsWithChildren<{\n enableOAuthProviders: boolean;\n enableWeb3Providers: boolean;\n enableAlternativePhoneCodeProviders: boolean;\n}>;\n\ntype SocialButtonsRootProps = SocialButtonsProps & {\n oauthCallback: (strategy: OAuthStrategy) => Promise<unknown>;\n web3Callback: (strategy: Web3Strategy) => Promise<unknown>;\n alternativePhoneCodeCallback: (channel: PhoneCodeChannel) => void;\n idleAfterDelay?: boolean;\n showLastAuthenticationStrategy?: boolean;\n};\n\nconst isWeb3Strategy = (val: string): val is Web3Strategy => {\n return val.startsWith('web3_');\n};\n\nconst isPhoneCodeChannel = (val: string): val is PhoneCodeChannel => {\n return !!getAlternativePhoneCodeProviderData(val);\n};\n\nexport const SocialButtons = React.memo((props: SocialButtonsRootProps) => {\n const {\n oauthCallback,\n web3Callback,\n alternativePhoneCodeCallback,\n enableOAuthProviders = true,\n enableWeb3Providers = true,\n enableAlternativePhoneCodeProviders = true,\n idleAfterDelay = true,\n showLastAuthenticationStrategy = false,\n } = props;\n const { web3Strategies, authenticatableOauthStrategies, strategyToDisplayData, alternativePhoneCodeChannels } =\n useEnabledThirdPartyProviders();\n const totalEnabledAuthMethods = useTotalEnabledAuthMethods();\n const card = useCardState();\n const clerk = useClerk();\n const { socialButtonsVariant } = useAppearance().parsedLayout;\n\n type TStrategy = OAuthStrategy | Web3Strategy | PhoneCodeChannel;\n\n const strategies: TStrategy[] = [\n ...(enableOAuthProviders ? authenticatableOauthStrategies : []),\n ...(enableWeb3Providers ? web3Strategies : []),\n ...(enableAlternativePhoneCodeProviders ? alternativePhoneCodeChannels : []),\n ];\n\n if (!strategies.length) {\n return null;\n }\n\n const clientLastAuth = showLastAuthenticationStrategy ? clerk.client?.lastAuthenticationStrategy : null;\n\n const isValidStrategy = (strategy: unknown): strategy is TStrategy => {\n return strategies.includes(strategy as TStrategy);\n };\n\n // Convert SAML strategies to OAuth strategies for consistency when matching last used strategy.\n const convertedClientLastAuth = clientLastAuth?.startsWith('saml_')\n ? clientLastAuth.replace('saml_', 'oauth_')\n : clientLastAuth;\n\n const lastAuthenticationStrategy =\n convertedClientLastAuth && isValidStrategy(convertedClientLastAuth) ? convertedClientLastAuth : null;\n\n const { strategyRows, lastAuthenticationStrategyPresent } = distributeStrategiesIntoRows<TStrategy>(\n [...strategies],\n MAX_STRATEGIES_PER_ROW,\n lastAuthenticationStrategy,\n );\n const strategyRowOneLength = strategyRows.at(lastAuthenticationStrategyPresent ? 1 : 0)?.length ?? 0;\n const remainingStrategiesLength = lastAuthenticationStrategyPresent ? strategies.length - 1 : strategies.length;\n const shouldForceSingleColumnOnMobile = !lastAuthenticationStrategyPresent && strategies.length === 2;\n\n const preferBlockButtons =\n socialButtonsVariant === 'blockButton'\n ? true\n : socialButtonsVariant === 'iconButton'\n ? false\n : strategies.length <= SOCIAL_BUTTON_BLOCK_THRESHOLD;\n\n const startOauth = async (strategy: OAuthStrategy | Web3Strategy) => {\n card.setLoading(strategy);\n try {\n if (isWeb3Strategy(strategy)) {\n await web3Callback(strategy);\n } else {\n await oauthCallback(strategy);\n }\n } catch {\n await sleep(1000);\n card.setIdle();\n }\n if (idleAfterDelay) {\n await sleep(5000);\n card.setIdle();\n }\n };\n\n const onSocialButtonClick = (strategy: OAuthStrategy | Web3Strategy | PhoneCodeChannel) => async () => {\n if (isPhoneCodeChannel(strategy)) {\n alternativePhoneCodeCallback(strategy);\n } else {\n await startOauth(strategy);\n }\n };\n\n const ButtonElement = preferBlockButtons ? SocialButtonBlock : SocialButtonIcon;\n\n return (\n <Flex\n direction='col'\n gap={2}\n elementDescriptor={descriptors.socialButtonsRoot}\n >\n {strategyRows.map((row, rowIndex) => (\n <Grid\n key={row.join('-')}\n elementDescriptor={descriptors.socialButtons}\n gap={2}\n sx={t => ({\n justifyContent: 'center',\n [mqu.sm]: {\n // Force single-column on mobile when 2 strategies are present (without last auth) to prevent\n // label overflow. When last auth is present, only 1 strategy remains here, so overflow isn't a concern.\n gridTemplateColumns: shouldForceSingleColumnOnMobile ? 'repeat(1, minmax(0, 1fr))' : undefined,\n },\n gridTemplateColumns:\n strategies.length < 1\n ? `repeat(1, minmax(0, 1fr))`\n : `repeat(${row.length}, ${\n rowIndex === 0\n ? `minmax(0, 1fr)`\n : // Calculate the width of each button based on the width of the buttons within the first row.\n // t.sizes.$2 is used here to represent the gap defined on the Grid component.\n `minmax(0, calc((100% - (${strategyRowOneLength} - 1) * ${t.sizes.$2}) / ${strategyRowOneLength}))`\n })`,\n })}\n >\n {row.map(strategy => {\n const shouldShowPreText =\n remainingStrategiesLength === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD ||\n (strategy === lastAuthenticationStrategy && row.length === 1);\n\n const label = shouldShowPreText\n ? `Continue with ${strategyToDisplayData[strategy].name}`\n : strategyToDisplayData[strategy].name;\n\n const localizedText = shouldShowPreText\n ? localizationKeys('socialButtonsBlockButton', {\n provider: strategyToDisplayData[strategy].name,\n })\n : localizationKeys('socialButtonsBlockButtonManyInView', {\n provider: strategyToDisplayData[strategy].name,\n });\n\n const imageOrInitial = strategyToDisplayData[strategy].iconUrl ? (\n <Image\n elementDescriptor={[descriptors.providerIcon, descriptors.socialButtonsProviderIcon]}\n elementId={descriptors.socialButtonsProviderIcon.setId(strategyToDisplayData[strategy].id)}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n src={strategyToDisplayData[strategy].iconUrl}\n alt={`Sign in with ${strategyToDisplayData[strategy].name}`}\n sx={theme => ({ width: theme.sizes.$4, height: 'auto', maxWidth: '100%' })}\n />\n ) : (\n <ProviderInitialIcon\n id={strategyToDisplayData[strategy].id}\n value={strategyToDisplayData[strategy].name}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n />\n );\n\n return (\n <ButtonElement\n key={strategy}\n id={strategyToDisplayData[strategy].id}\n onClick={onSocialButtonClick(strategy)}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n label={label}\n textLocalizationKey={localizedText}\n icon={imageOrInitial}\n lastAuthenticationStrategy={strategy === lastAuthenticationStrategy && totalEnabledAuthMethods > 1}\n />\n );\n })}\n </Grid>\n ))}\n </Flex>\n );\n});\n\ntype SocialButtonProps = PropsOfComponent<typeof Button> & {\n icon: React.ReactElement;\n id: OAuthProvider | Web3Provider | PhoneCodeChannel;\n textLocalizationKey: LocalizationKey | undefined;\n label?: string;\n lastAuthenticationStrategy?: boolean;\n};\n\nconst SocialButtonIcon = forwardRef((props: SocialButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { icon, label, id, textLocalizationKey, lastAuthenticationStrategy, ...rest } = props;\n\n if (lastAuthenticationStrategy) {\n return (\n <SocialButtonBlock\n {...props}\n ref={ref}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n elementDescriptor={descriptors.socialButtonsIconButton}\n elementId={descriptors.socialButtonsIconButton.setId(id)}\n textVariant='buttonLarge'\n variant='outline'\n colorScheme='neutral'\n hoverAsFocus\n sx={t => ({\n minHeight: t.sizes.$8,\n width: '100%',\n })}\n {...rest}\n >\n {icon}\n </Button>\n );\n});\n\nconst SocialButtonBlock = forwardRef((props: SocialButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { id, icon, isLoading, label, textLocalizationKey, lastAuthenticationStrategy, ...rest } = props;\n const isIconElement = isValidElement(icon);\n\n return (\n <SimpleButton\n elementDescriptor={descriptors.socialButtonsBlockButton}\n elementId={descriptors.socialButtonsBlockButton.setId(id)}\n variant='outline'\n block\n isLoading={isLoading}\n hoverAsFocus\n ref={ref}\n {...rest}\n sx={theme => [\n {\n gap: theme.space.$4,\n position: 'relative',\n justifyContent: 'flex-start',\n },\n props.sx,\n ]}\n >\n {lastAuthenticationStrategy && <LastAuthenticationStrategyBadge overlay />}\n\n <Flex\n justify='center'\n align='center'\n as='span'\n gap={3}\n sx={{\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {(isLoading || icon) && (\n <Flex\n as='span'\n center\n sx={theme => ({ flex: `0 0 ${theme.space.$4}` })}\n >\n {isLoading ? (\n <Spinner\n size='sm'\n elementDescriptor={descriptors.spinner}\n />\n ) : !isIconElement && icon ? (\n <Icon\n icon={icon as unknown as React.ComponentType}\n sx={[\n theme => ({\n color: theme.colors.$neutralAlpha600,\n width: theme.sizes.$4,\n position: 'absolute',\n }),\n ]}\n />\n ) : (\n icon\n )}\n </Flex>\n )}\n <Text\n elementDescriptor={descriptors.socialButtonsBlockButtonText}\n elementId={descriptors.socialButtonsBlockButtonText.setId(id)}\n as='span'\n truncate\n variant='buttonLarge'\n localizationKey={textLocalizationKey}\n >\n {label}\n </Text>\n </Flex>\n </SimpleButton>\n );\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"SocialButtons.js","names":["strategies: TStrategy[]"],"sources":["../../src/elements/SocialButtons.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { useClerk } from '@clerk/shared/react';\nimport type { OAuthProvider, OAuthStrategy, PhoneCodeChannel, Web3Provider, Web3Strategy } from '@clerk/shared/types';\nimport type { Ref } from 'react';\nimport React, { forwardRef, isValidElement } from 'react';\n\nimport { ProviderInitialIcon } from '../common';\nimport type { LocalizationKey } from '../customizables';\nimport {\n Button,\n descriptors,\n Flex,\n Grid,\n Icon,\n Image,\n localizationKeys,\n SimpleButton,\n Spinner,\n Text,\n useAppearance,\n} from '../customizables';\nimport { useEnabledThirdPartyProviders } from '../hooks';\nimport { useTotalEnabledAuthMethods } from '../hooks/useTotalEnabledAuthMethods';\nimport { mqu, type PropsOfComponent } from '../styledSystem';\nimport { sleep } from '../utils/sleep';\nimport { LastAuthenticationStrategyBadge } from './Badge';\nimport { useCardState } from './contexts';\nimport { distributeStrategiesIntoRows } from './utils';\n\nconst SOCIAL_BUTTON_BLOCK_THRESHOLD = 2;\nconst SOCIAL_BUTTON_PRE_TEXT_THRESHOLD = 1;\nconst MAX_STRATEGIES_PER_ROW = 5;\n\nexport type SocialButtonsProps = React.PropsWithChildren<{\n enableOAuthProviders: boolean;\n enableWeb3Providers: boolean;\n enableAlternativePhoneCodeProviders: boolean;\n}>;\n\ntype SocialButtonsRootProps = SocialButtonsProps & {\n oauthCallback: (strategy: OAuthStrategy) => Promise<unknown>;\n web3Callback: (strategy: Web3Strategy) => Promise<unknown>;\n alternativePhoneCodeCallback: (channel: PhoneCodeChannel) => void;\n idleAfterDelay?: boolean;\n showLastAuthenticationStrategy?: boolean;\n};\n\nconst isWeb3Strategy = (val: string): val is Web3Strategy => {\n return val.startsWith('web3_');\n};\n\nconst isPhoneCodeChannel = (val: string): val is PhoneCodeChannel => {\n return !!getAlternativePhoneCodeProviderData(val);\n};\n\nexport const SocialButtons = React.memo((props: SocialButtonsRootProps) => {\n const {\n oauthCallback,\n web3Callback,\n alternativePhoneCodeCallback,\n enableOAuthProviders = true,\n enableWeb3Providers = true,\n enableAlternativePhoneCodeProviders = true,\n idleAfterDelay = true,\n showLastAuthenticationStrategy = false,\n } = props;\n const { web3Strategies, authenticatableOauthStrategies, strategyToDisplayData, alternativePhoneCodeChannels } =\n useEnabledThirdPartyProviders();\n const totalEnabledAuthMethods = useTotalEnabledAuthMethods();\n const card = useCardState();\n const clerk = useClerk();\n const { socialButtonsVariant } = useAppearance().parsedOptions;\n\n type TStrategy = OAuthStrategy | Web3Strategy | PhoneCodeChannel;\n\n const strategies: TStrategy[] = [\n ...(enableOAuthProviders ? authenticatableOauthStrategies : []),\n ...(enableWeb3Providers ? web3Strategies : []),\n ...(enableAlternativePhoneCodeProviders ? alternativePhoneCodeChannels : []),\n ];\n\n if (!strategies.length) {\n return null;\n }\n\n const clientLastAuth = showLastAuthenticationStrategy ? clerk.client?.lastAuthenticationStrategy : null;\n\n const isValidStrategy = (strategy: unknown): strategy is TStrategy => {\n return strategies.includes(strategy as TStrategy);\n };\n\n // Convert SAML strategies to OAuth strategies for consistency when matching last used strategy.\n const convertedClientLastAuth = clientLastAuth?.startsWith('saml_')\n ? clientLastAuth.replace('saml_', 'oauth_')\n : clientLastAuth;\n\n const lastAuthenticationStrategy =\n convertedClientLastAuth && isValidStrategy(convertedClientLastAuth) ? convertedClientLastAuth : null;\n\n const { strategyRows, lastAuthenticationStrategyPresent } = distributeStrategiesIntoRows<TStrategy>(\n [...strategies],\n MAX_STRATEGIES_PER_ROW,\n lastAuthenticationStrategy,\n );\n const strategyRowOneLength = strategyRows.at(lastAuthenticationStrategyPresent ? 1 : 0)?.length ?? 0;\n const remainingStrategiesLength = lastAuthenticationStrategyPresent ? strategies.length - 1 : strategies.length;\n const shouldForceSingleColumnOnMobile = !lastAuthenticationStrategyPresent && strategies.length === 2;\n\n const preferBlockButtons =\n socialButtonsVariant === 'blockButton'\n ? true\n : socialButtonsVariant === 'iconButton'\n ? false\n : strategies.length <= SOCIAL_BUTTON_BLOCK_THRESHOLD;\n\n const startOauth = async (strategy: OAuthStrategy | Web3Strategy) => {\n card.setLoading(strategy);\n try {\n if (isWeb3Strategy(strategy)) {\n await web3Callback(strategy);\n } else {\n await oauthCallback(strategy);\n }\n } catch {\n await sleep(1000);\n card.setIdle();\n }\n if (idleAfterDelay) {\n await sleep(5000);\n card.setIdle();\n }\n };\n\n const onSocialButtonClick = (strategy: OAuthStrategy | Web3Strategy | PhoneCodeChannel) => async () => {\n if (isPhoneCodeChannel(strategy)) {\n alternativePhoneCodeCallback(strategy);\n } else {\n await startOauth(strategy);\n }\n };\n\n const ButtonElement = preferBlockButtons ? SocialButtonBlock : SocialButtonIcon;\n\n return (\n <Flex\n direction='col'\n gap={2}\n elementDescriptor={descriptors.socialButtonsRoot}\n >\n {strategyRows.map((row, rowIndex) => (\n <Grid\n key={row.join('-')}\n elementDescriptor={descriptors.socialButtons}\n gap={2}\n sx={t => ({\n justifyContent: 'center',\n [mqu.sm]: {\n // Force single-column on mobile when 2 strategies are present (without last auth) to prevent\n // label overflow. When last auth is present, only 1 strategy remains here, so overflow isn't a concern.\n gridTemplateColumns: shouldForceSingleColumnOnMobile ? 'repeat(1, minmax(0, 1fr))' : undefined,\n },\n gridTemplateColumns:\n strategies.length < 1\n ? `repeat(1, minmax(0, 1fr))`\n : `repeat(${row.length}, ${\n rowIndex === 0\n ? `minmax(0, 1fr)`\n : // Calculate the width of each button based on the width of the buttons within the first row.\n // t.sizes.$2 is used here to represent the gap defined on the Grid component.\n `minmax(0, calc((100% - (${strategyRowOneLength} - 1) * ${t.sizes.$2}) / ${strategyRowOneLength}))`\n })`,\n })}\n >\n {row.map(strategy => {\n const shouldShowPreText =\n remainingStrategiesLength === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD ||\n (strategy === lastAuthenticationStrategy && row.length === 1);\n\n const label = shouldShowPreText\n ? `Continue with ${strategyToDisplayData[strategy].name}`\n : strategyToDisplayData[strategy].name;\n\n const localizedText = shouldShowPreText\n ? localizationKeys('socialButtonsBlockButton', {\n provider: strategyToDisplayData[strategy].name,\n })\n : localizationKeys('socialButtonsBlockButtonManyInView', {\n provider: strategyToDisplayData[strategy].name,\n });\n\n const imageOrInitial = strategyToDisplayData[strategy].iconUrl ? (\n <Image\n elementDescriptor={[descriptors.providerIcon, descriptors.socialButtonsProviderIcon]}\n elementId={descriptors.socialButtonsProviderIcon.setId(strategyToDisplayData[strategy].id)}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n src={strategyToDisplayData[strategy].iconUrl}\n alt={`Sign in with ${strategyToDisplayData[strategy].name}`}\n sx={theme => ({ width: theme.sizes.$4, height: 'auto', maxWidth: '100%' })}\n />\n ) : (\n <ProviderInitialIcon\n id={strategyToDisplayData[strategy].id}\n value={strategyToDisplayData[strategy].name}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n />\n );\n\n return (\n <ButtonElement\n key={strategy}\n id={strategyToDisplayData[strategy].id}\n onClick={onSocialButtonClick(strategy)}\n isLoading={card.loadingMetadata === strategy}\n isDisabled={card.isLoading}\n label={label}\n textLocalizationKey={localizedText}\n icon={imageOrInitial}\n lastAuthenticationStrategy={strategy === lastAuthenticationStrategy && totalEnabledAuthMethods > 1}\n />\n );\n })}\n </Grid>\n ))}\n </Flex>\n );\n});\n\ntype SocialButtonProps = PropsOfComponent<typeof Button> & {\n icon: React.ReactElement;\n id: OAuthProvider | Web3Provider | PhoneCodeChannel;\n textLocalizationKey: LocalizationKey | undefined;\n label?: string;\n lastAuthenticationStrategy?: boolean;\n};\n\nconst SocialButtonIcon = forwardRef((props: SocialButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { icon, label, id, textLocalizationKey, lastAuthenticationStrategy, ...rest } = props;\n\n if (lastAuthenticationStrategy) {\n return (\n <SocialButtonBlock\n {...props}\n ref={ref}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n elementDescriptor={descriptors.socialButtonsIconButton}\n elementId={descriptors.socialButtonsIconButton.setId(id)}\n textVariant='buttonLarge'\n variant='outline'\n colorScheme='neutral'\n hoverAsFocus\n sx={t => ({\n minHeight: t.sizes.$8,\n width: '100%',\n })}\n {...rest}\n >\n {icon}\n </Button>\n );\n});\n\nconst SocialButtonBlock = forwardRef((props: SocialButtonProps, ref: Ref<HTMLButtonElement> | null): JSX.Element => {\n const { id, icon, isLoading, label, textLocalizationKey, lastAuthenticationStrategy, ...rest } = props;\n const isIconElement = isValidElement(icon);\n\n return (\n <SimpleButton\n elementDescriptor={descriptors.socialButtonsBlockButton}\n elementId={descriptors.socialButtonsBlockButton.setId(id)}\n variant='outline'\n block\n isLoading={isLoading}\n hoverAsFocus\n ref={ref}\n {...rest}\n sx={theme => [\n {\n gap: theme.space.$4,\n position: 'relative',\n justifyContent: 'flex-start',\n },\n props.sx,\n ]}\n >\n {lastAuthenticationStrategy && <LastAuthenticationStrategyBadge overlay />}\n\n <Flex\n justify='center'\n align='center'\n as='span'\n gap={3}\n sx={{\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {(isLoading || icon) && (\n <Flex\n as='span'\n center\n sx={theme => ({ flex: `0 0 ${theme.space.$4}` })}\n >\n {isLoading ? (\n <Spinner\n size='sm'\n elementDescriptor={descriptors.spinner}\n />\n ) : !isIconElement && icon ? (\n <Icon\n icon={icon as unknown as React.ComponentType}\n sx={[\n theme => ({\n color: theme.colors.$neutralAlpha600,\n width: theme.sizes.$4,\n position: 'absolute',\n }),\n ]}\n />\n ) : (\n icon\n )}\n </Flex>\n )}\n <Text\n elementDescriptor={descriptors.socialButtonsBlockButtonText}\n elementId={descriptors.socialButtonsBlockButtonText.setId(id)}\n as='span'\n truncate\n variant='buttonLarge'\n localizationKey={textLocalizationKey}\n >\n {label}\n </Text>\n </Flex>\n </SimpleButton>\n );\n});\n"],"mappings":"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"}
@@ -12,7 +12,7 @@ function useTooltip({ initialOpen = false, placement = "top", open: controlledOp
12
12
  const open = controlledOpen ?? uncontrolledOpen;
13
13
  const setOpen = setControlledOpen ?? setUncontrolledOpen;
14
14
  const prefersReducedMotion = usePrefersReducedMotion();
15
- const { animations: layoutAnimations } = useAppearance().parsedLayout;
15
+ const { animations: layoutAnimations } = useAppearance().parsedOptions;
16
16
  const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;
17
17
  const data = useFloating({
18
18
  placement,
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n autoUpdate,\n flip,\n FloatingPortal,\n offset,\n shift,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n initialOpen?: boolean;\n placement?: Placement;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n open: boolean;\n setOpen: (open: boolean) => void;\n isMounted: boolean;\n transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n initialOpen = false,\n placement = 'top',\n open: controlledOpen,\n onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n const open = controlledOpen ?? uncontrolledOpen;\n const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n const prefersReducedMotion = usePrefersReducedMotion();\n const { animations: layoutAnimations } = useAppearance().parsedLayout;\n const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n const data = useFloating({\n placement,\n open,\n onOpenChange: setOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(6),\n flip({\n crossAxis: placement.includes('-'),\n fallbackAxisSideDirection: 'start',\n padding: 6,\n }),\n shift({ padding: 6 }),\n ],\n });\n\n const context = data.context;\n\n const hover = useHover(context, {\n move: false,\n enabled: controlledOpen == null,\n });\n const focus = useFocus(context, {\n enabled: controlledOpen == null,\n });\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: 'tooltip' });\n\n const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n duration: isMotionSafe ? 200 : 0,\n initial: ({ side }) => {\n return {\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n };\n },\n open: {\n opacity: 1,\n transform: 'translate(0)',\n },\n close: ({ side }) => ({\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n }),\n });\n\n const interactions = useInteractions([hover, focus, dismiss, role]);\n\n return React.useMemo(\n () => ({\n open,\n setOpen,\n isMounted,\n ...interactions,\n ...data,\n transitionStyles,\n }),\n [open, setOpen, interactions, data, isMounted, transitionStyles],\n );\n}\n\ntype ContextType = UseTooltipReturn | null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n const context = React.useContext(TooltipContext);\n\n if (context == null) {\n throw new Error('Tooltip components must be wrapped in <Tooltip />');\n }\n\n return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n // This can accept any props as options, e.g. `placement`,\n // or other positioning options.\n const tooltip = useTooltip(options);\n return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n { children, sx, ...props },\n propRef,\n) {\n const context = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n if (!React.isValidElement(children)) {\n return null;\n }\n\n // If the child is disabled, wrap it in a span to handle focus events\n if (children.props.isDisabled || children.props.disabled) {\n return (\n <Span\n ref={ref}\n {...context.getReferenceProps({\n ...props,\n })}\n data-state={context.open ? 'open' : 'closed'}\n sx={[\n {\n width: 'fit-content',\n display: 'inline-block',\n cursor: 'not-allowed',\n outline: 'none',\n },\n sx,\n ]}\n tabIndex={0}\n >\n {children}\n </Span>\n );\n }\n\n return React.cloneElement(\n children,\n context.getReferenceProps({\n ref,\n ...props,\n ...children.props,\n 'data-state': context.open ? 'open' : 'closed',\n }),\n );\n});\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & {\n text: string | LocalizationKey;\n sx?: ThemableCssProp;\n }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n const context = useTooltipContext();\n const ref = useMergeRefs([context.refs.setFloating, propRef]);\n\n if (!context.isMounted) {\n return null;\n }\n\n return (\n <FloatingPortal>\n <Box\n ref={ref}\n elementDescriptor={descriptors.tooltip}\n style={{\n ...context.floatingStyles,\n ...style,\n }}\n {...context.getFloatingProps(props)}\n >\n <Box\n elementDescriptor={descriptors.tooltipContent}\n style={context.transitionStyles}\n sx={[\n t => ({\n paddingBlock: t.space.$1,\n paddingInline: t.space.$1x5,\n borderRadius: t.radii.$md,\n backgroundColor: t.colors.$black,\n color: t.colors.$white,\n maxWidth: t.sizes.$60,\n }),\n sx,\n ]}\n >\n <Text\n elementDescriptor={descriptors.tooltipText}\n localizationKey={text}\n variant='body'\n colorScheme='inherit'\n />\n </Box>\n </Box>\n </FloatingPortal>\n );\n});\n\nexport const Tooltip = {\n Root,\n Trigger,\n Content,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n autoUpdate,\n flip,\n FloatingPortal,\n offset,\n shift,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n initialOpen?: boolean;\n placement?: Placement;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n open: boolean;\n setOpen: (open: boolean) => void;\n isMounted: boolean;\n transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n initialOpen = false,\n placement = 'top',\n open: controlledOpen,\n onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n const open = controlledOpen ?? uncontrolledOpen;\n const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n const prefersReducedMotion = usePrefersReducedMotion();\n const { animations: layoutAnimations } = useAppearance().parsedOptions;\n const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n const data = useFloating({\n placement,\n open,\n onOpenChange: setOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(6),\n flip({\n crossAxis: placement.includes('-'),\n fallbackAxisSideDirection: 'start',\n padding: 6,\n }),\n shift({ padding: 6 }),\n ],\n });\n\n const context = data.context;\n\n const hover = useHover(context, {\n move: false,\n enabled: controlledOpen == null,\n });\n const focus = useFocus(context, {\n enabled: controlledOpen == null,\n });\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: 'tooltip' });\n\n const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n duration: isMotionSafe ? 200 : 0,\n initial: ({ side }) => {\n return {\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n };\n },\n open: {\n opacity: 1,\n transform: 'translate(0)',\n },\n close: ({ side }) => ({\n opacity: 0,\n transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n }),\n });\n\n const interactions = useInteractions([hover, focus, dismiss, role]);\n\n return React.useMemo(\n () => ({\n open,\n setOpen,\n isMounted,\n ...interactions,\n ...data,\n transitionStyles,\n }),\n [open, setOpen, interactions, data, isMounted, transitionStyles],\n );\n}\n\ntype ContextType = UseTooltipReturn | null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n const context = React.useContext(TooltipContext);\n\n if (context == null) {\n throw new Error('Tooltip components must be wrapped in <Tooltip />');\n }\n\n return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n // This can accept any props as options, e.g. `placement`,\n // or other positioning options.\n const tooltip = useTooltip(options);\n return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n { children, sx, ...props },\n propRef,\n) {\n const context = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n if (!React.isValidElement(children)) {\n return null;\n }\n\n // If the child is disabled, wrap it in a span to handle focus events\n if (children.props.isDisabled || children.props.disabled) {\n return (\n <Span\n ref={ref}\n {...context.getReferenceProps({\n ...props,\n })}\n data-state={context.open ? 'open' : 'closed'}\n sx={[\n {\n width: 'fit-content',\n display: 'inline-block',\n cursor: 'not-allowed',\n outline: 'none',\n },\n sx,\n ]}\n tabIndex={0}\n >\n {children}\n </Span>\n );\n }\n\n return React.cloneElement(\n children,\n context.getReferenceProps({\n ref,\n ...props,\n ...children.props,\n 'data-state': context.open ? 'open' : 'closed',\n }),\n );\n});\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & {\n text: string | LocalizationKey;\n sx?: ThemableCssProp;\n }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n const context = useTooltipContext();\n const ref = useMergeRefs([context.refs.setFloating, propRef]);\n\n if (!context.isMounted) {\n return null;\n }\n\n return (\n <FloatingPortal>\n <Box\n ref={ref}\n elementDescriptor={descriptors.tooltip}\n style={{\n ...context.floatingStyles,\n ...style,\n }}\n {...context.getFloatingProps(props)}\n >\n <Box\n elementDescriptor={descriptors.tooltipContent}\n style={context.transitionStyles}\n sx={[\n t => ({\n paddingBlock: t.space.$1,\n paddingInline: t.space.$1x5,\n borderRadius: t.radii.$md,\n backgroundColor: t.colors.$black,\n color: t.colors.$white,\n maxWidth: t.sizes.$60,\n }),\n sx,\n ]}\n >\n <Text\n elementDescriptor={descriptors.tooltipText}\n localizationKey={text}\n variant='body'\n colorScheme='inherit'\n />\n </Box>\n </Box>\n </FloatingPortal>\n );\n});\n\nexport const Tooltip = {\n Root,\n Trigger,\n Content,\n};\n"],"mappings":"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"}
@@ -10,11 +10,11 @@ import { jsx } from "@emotion/react/jsx-runtime";
10
10
  */
11
11
  const withAvatarShimmer = (Component) => {
12
12
  return forwardRef((props, ref) => {
13
- const { parsedLayout } = useAppearance();
13
+ const { parsedOptions } = useAppearance();
14
14
  return /* @__PURE__ */ jsx(Component, {
15
15
  ...props,
16
16
  ref,
17
- sx: [parsedLayout.shimmer ? { ":hover": {
17
+ sx: [parsedOptions.shimmer ? { ":hover": {
18
18
  "--cl-shimmer-hover-transform": "skew(-45deg) translateX(600%)",
19
19
  "--cl-shimmer-hover-after-transform": "skewX(45deg) translateX(-150%)"
20
20
  } } : {}, props.sx]
@@ -1 +1 @@
1
- {"version":3,"file":"withAvatarShimmer.js","names":[],"sources":["../../src/elements/withAvatarShimmer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useAppearance } from '../customizables';\nimport type { ThemableCssProp } from '../styledSystem';\n\n/**\n * This HOC is used to add the hover selector for the avatar shimmer effect to its immediate child.\n * It is used since we might want to add the selector to a different element than the avatar itself,\n * for example in the <OrganizationSwitcher/>\n */\nexport const withAvatarShimmer = <T extends { sx?: ThemableCssProp }>(Component: React.ComponentType<T>) => {\n return forwardRef<HTMLElement, T>((props, ref) => {\n const { parsedLayout } = useAppearance();\n\n return (\n <Component\n {...(props as T)}\n ref={ref}\n sx={[\n parsedLayout.shimmer\n ? {\n ':hover': {\n '--cl-shimmer-hover-transform': 'skew(-45deg) translateX(600%)',\n '--cl-shimmer-hover-after-transform': 'skewX(45deg) translateX(-150%)',\n },\n }\n : {},\n props.sx,\n ]}\n />\n );\n });\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAyD,cAAsC;AAC1G,QAAO,YAA4B,OAAO,QAAQ;EAChD,MAAM,EAAE,iBAAiB,eAAe;AAExC,SACE,oBAAC;GACC,GAAK;GACA;GACL,IAAI,CACF,aAAa,UACT,EACE,UAAU;IACR,gCAAgC;IAChC,sCAAsC;IACvC,EACF,GACD,EAAE,EACN,MAAM,GACP;IACD;GAEJ"}
1
+ {"version":3,"file":"withAvatarShimmer.js","names":[],"sources":["../../src/elements/withAvatarShimmer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useAppearance } from '../customizables';\nimport type { ThemableCssProp } from '../styledSystem';\n\n/**\n * This HOC is used to add the hover selector for the avatar shimmer effect to its immediate child.\n * It is used since we might want to add the selector to a different element than the avatar itself,\n * for example in the <OrganizationSwitcher/>\n */\nexport const withAvatarShimmer = <T extends { sx?: ThemableCssProp }>(Component: React.ComponentType<T>) => {\n return forwardRef<HTMLElement, T>((props, ref) => {\n const { parsedOptions } = useAppearance();\n\n return (\n <Component\n {...(props as T)}\n ref={ref}\n sx={[\n parsedOptions.shimmer\n ? {\n ':hover': {\n '--cl-shimmer-hover-transform': 'skew(-45deg) translateX(600%)',\n '--cl-shimmer-hover-after-transform': 'skewX(45deg) translateX(-150%)',\n },\n }\n : {},\n props.sx,\n ]}\n />\n );\n });\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAyD,cAAsC;AAC1G,QAAO,YAA4B,OAAO,QAAQ;EAChD,MAAM,EAAE,kBAAkB,eAAe;AAEzC,SACE,oBAAC;GACC,GAAK;GACA;GACL,IAAI,CACF,cAAc,UACV,EACE,UAAU;IACR,gCAAgC;IAChC,sCAAsC;IACvC,EACF,GACD,EAAE,EACN,MAAM,GACP;IACD;GAEJ"}
@@ -1,4 +1,4 @@
1
- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(8909),o=n(8802),a=n(5074),s=n(7697),l=n(6705),d=n(9406),c=n(1464),p=n(8272),h=n(1986),g=n(8307);let u=({caller:e,onSuccess:i,onClose:n})=>{let d=(0,t.ho)(),[c,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[x,Y]=(0,a.useState)(!1),k=(0,a.useRef)(null),y=(0,s.O)(),z=!e.startsWith("use"),$=void 0!==y?.organizationSettings.forceOrganizationSelection;return(0,r.Y)(h.Z,{children:(0,r.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,r.FD)(g.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,r.FD)(p.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,r.FD)(p.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,r.Y)(v,{isEnabled:f}),(0,r.Y)("h1",{css:[g.mk,(0,o.AH)`
1
+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(5543),o=n(8802),a=n(5074),s=n(7697),l=n(6705),d=n(9406),c=n(1464),p=n(8272),h=n(1986),g=n(8307);let u=({caller:e,onSuccess:i,onClose:n})=>{let d=(0,t.ho)(),[c,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[x,v]=(0,a.useState)(!1),k=(0,a.useRef)(null),y=(0,s.O)(),z=!e.startsWith("use"),$=void 0!==y?.organizationSettings.forceOrganizationSelection;return(0,r.Y)(h.Z,{children:(0,r.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,r.FD)(g.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,r.FD)(p.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,r.FD)(p.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,r.Y)(Y,{isEnabled:f}),(0,r.Y)("h1",{css:[g.mk,(0,o.AH)`
2
2
  color: white;
3
3
  font-size: 0.875rem;
4
4
  font-weight: 500;
@@ -18,14 +18,14 @@
18
18
  color: white;
19
19
  font-family: monospace;
20
20
  line-height: 1.23;
21
- `],children:z?`<${e} />`:e})," "]}),(0,r.Y)(w,{href:"https://clerk.com/docs/guides/organizations/overview",target:"_blank",rel:"noopener noreferrer",children:"Learn more"})]})}),$&&(0,r.Y)(p.az,{sx:e=>({display:"grid",gridTemplateRows:f?"0fr":"1fr",transition:`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`,marginInline:"-0.5rem",overflow:"hidden"}),...f&&{inert:""},children:(0,r.Y)(p.so,{sx:e=>({minHeight:0,paddingInline:"0.5rem",opacity:+!f,transition:`opacity ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`}),children:(0,r.Y)(p.so,{sx:e=>({marginTop:e.sizes.$2}),children:(0,r.Y)(C,{label:"Allow personal account",description:"Allow users to work outside of an organization by providing a personal account. We do not recommend for B2B SaaS apps.",checked:x,onChange:()=>Y(e=>!e)})})})})]}),(0,r.Y)("span",{css:(0,o.AH)`
21
+ `],children:z?`<${e} />`:e})," "]}),(0,r.Y)(w,{href:"https://clerk.com/docs/guides/organizations/overview",target:"_blank",rel:"noopener noreferrer",children:"Learn more"})]})}),$&&(0,r.Y)(p.az,{sx:e=>({display:"grid",gridTemplateRows:f?"0fr":"1fr",transition:`grid-template-rows ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`,marginInline:"-0.5rem",overflow:"hidden"}),...f&&{inert:""},children:(0,r.Y)(p.so,{sx:e=>({minHeight:0,paddingInline:"0.5rem",opacity:+!f,transition:`opacity ${e.transitionDuration.$slower} ${e.transitionTiming.$slowBezier}`}),children:(0,r.Y)(p.so,{sx:e=>({marginTop:e.sizes.$2}),children:(0,r.Y)(C,{label:"Allow personal account",description:"Allow users to work outside of an organization by providing a personal account. We do not recommend for B2B SaaS apps.",checked:x,onChange:()=>v(e=>!e)})})})})]}),(0,r.Y)("span",{css:(0,o.AH)`
22
22
  height: 1px;
23
23
  display: block;
24
24
  width: calc(100% - 2px);
25
25
  margin-inline: auto;
26
26
  background-color: #151515;
27
27
  box-shadow: 0px 1px 0px 0px #424242;
28
- `}),(0,r.Y)(p.so,{justify:"center",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,gap:e.sizes.$3,justifyContent:"flex-end"}),children:f?(0,r.Y)(m,{variant:"solid",onClick:()=>{d.user?i?.():(d.redirectToSignIn(),d.__internal_closeEnableOrganizationsPrompt?.())},children:d.user?"Continue":"Sign in to continue"}):(0,r.FD)(r.FK,{children:[(0,r.Y)(m,{variant:"outline",onClick:()=>{d?.__internal_closeEnableOrganizationsPrompt?.(),n?.()},children:"I'll remove it myself"}),(0,r.Y)(m,{variant:"solid",onClick:()=>{u(!0);let e={enable_organizations:!0};$&&(e.organization_allow_personal_accounts=x),new DevTools().__internal_enableEnvironmentSetting(e).then(()=>{b(!0),u(!1)}).catch(()=>{u(!1)})},disabled:c,children:"Enable Organizations"})]})})]})})})},f=e=>(0,r.Y)(d.S,{children:(0,r.Y)(u,{...e})}),b=(0,o.AH)`
28
+ `}),(0,r.Y)(p.so,{justify:"center",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,gap:e.sizes.$3,justifyContent:"flex-end"}),children:f?(0,r.Y)(m,{variant:"solid",onClick:()=>{d.user?i?.():(d.redirectToSignIn(),d.__internal_closeEnableOrganizationsPrompt?.())},children:d.user?"Continue":"Sign in to continue"}):(0,r.FD)(r.FK,{children:[(0,r.Y)(m,{variant:"outline",onClick:()=>{d?.__internal_closeEnableOrganizationsPrompt?.(),n?.()},children:"I'll remove it myself"}),(0,r.Y)(m,{variant:"solid",onClick:()=>{u(!0);let e={enable_organizations:!0};$&&(e.organization_allow_personal_accounts=x),y.__internal_enableEnvironmentSetting(e).then(()=>{b(!0),u(!1)}).catch(()=>{u(!1)})},disabled:c,children:"Enable Organizations"})]})})]})})})},f=e=>(0,r.Y)(d.S,{children:(0,r.Y)(u,{...e})}),b=(0,o.AH)`
29
29
  ${g.mk};
30
30
  cursor: pointer;
31
31
  display: flex;
@@ -95,7 +95,7 @@
95
95
  line-height: 1.3;
96
96
  font-size: 0.8125rem;
97
97
  min-width: 0;
98
- `,i],children:e})),v=({isEnabled:e})=>{let[i,n]=(0,a.useState)(0);(0,a.useLayoutEffect)(()=>{if(e)return void n(e=>180*(0===e));let i=setInterval(()=>{n(e=>180*(0===e))},2e3);return()=>clearInterval(i)},[e]);let t="idle",s="warning";e&&(0===i?(t="success",s="warning"):(s="success",t="idle"));let l=e=>{switch(e){case"idle":return(0,r.Y)(g.MF,{});case"success":return(0,r.Y)(g.F3,{css:(0,o.AH)`
98
+ `,i],children:e})),Y=({isEnabled:e})=>{let[i,n]=(0,a.useState)(0);(0,a.useLayoutEffect)(()=>{if(e)return void n(e=>180*(0===e));let i=setInterval(()=>{n(e=>180*(0===e))},2e3);return()=>clearInterval(i)},[e]);let t="idle",s="warning";e&&(0===i?(t="success",s="warning"):(s="success",t="idle"));let l=e=>{switch(e){case"idle":return(0,r.Y)(g.MF,{});case"success":return(0,r.Y)(g.F3,{css:(0,o.AH)`
99
99
  width: 1.25rem;
100
100
  height: 1.25rem;
101
101
  `});case"warning":return(0,r.FD)("svg",{css:(0,o.AH)`