@evolve.ui/core-components 1.0.0

package/AddressDisplay-D5p9wJT6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressDisplay-D5p9wJT6.mjs","names":[],"sources":["../src/AddressDisplay/components/addressField.tsx","../src/AddressDisplay/components/addressSection.tsx","../src/utils/countriesWithISOCodes.ts","../src/AddressDisplay/components/getCountryValue.tsx","../src/AddressDisplay/components/addressComponents.tsx","../src/AddressDisplay/AddressDisplay.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\n\nimport { BodySecondary } from '../../Typography/Text/Text';\n\n// Helper component for address field rendering\nexport const AddressField = ({\n    children,\n    highlighted,\n    variant,\n}: {\n    children: React.ReactNode;\n    highlighted?: boolean;\n    variant?: 'primary' | 'secondary';\n}) => {\n    const color = variant === 'secondary' ? 'secondary' : 'primary';\n\n    return (\n        <BodySecondary\n            className={cn({ 'bg-background-info-dark text-text-inverse': highlighted })}\n            color={color}\n        >\n            {children}\n        </BodySecondary>\n    );\n};\n","// Helper component for address section\nexport const AddressSection = ({\n    children,\n    className = 'mb-[3px]',\n}: {\n    children: React.ReactNode;\n    className?: string;\n}) => <div className={className}>{children}</div>;\n","//https://www.iso.org/obp/ui/#search\nexport type Country = {\n    code: string;\n    code3: string;\n    name: string;\n    region: string;\n};\n\nexport const CountriesWithISOCodes: Country[] = [\n    // { code: 'AF', code3: 'AFG', name: 'Afghanistan', region: '93' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'US',\n        code3: 'USA',\n        name: 'United States',\n        region: '1',\n    },\n    {\n        code: 'AX',\n        code3: 'ALA',\n        name: 'Åland Islands',\n        region: '358',\n    },\n    {\n        code: 'AL',\n        code3: 'ALB',\n        name: 'Albania',\n        region: '355',\n    },\n    {\n        code: 'DZ',\n        code3: 'DZA',\n        name: 'Algeria',\n        region: '213',\n    },\n    {\n        code: 'AS',\n        code3: 'ASM',\n        name: 'American Samoa',\n        region: '1',\n    },\n    {\n        code: 'AD',\n        code3: 'AND',\n        name: 'Andorra',\n        region: '376',\n    },\n    {\n        code: 'AO',\n        code3: 'AGO',\n        name: 'Angola',\n        region: '244',\n    },\n    {\n        code: 'AI',\n        code3: 'AIA',\n        name: 'Anguilla',\n        region: '1',\n    },\n    {\n        code: 'AQ',\n        code3: 'ATA',\n        name: 'Antarctica',\n        region: '672',\n    },\n    {\n        code: 'AG',\n        code3: 'ATG',\n        name: 'Antigua and Barbuda',\n        region: '1',\n    },\n    {\n        code: 'AR',\n        code3: 'ARG',\n        name: 'Argentina',\n        region: '54',\n    },\n    {\n        code: 'AM',\n        code3: 'ARM',\n        name: 'Armenia',\n        region: '374',\n    },\n    {\n        code: 'AW',\n        code3: 'ABW',\n        name: 'Aruba',\n        region: '297',\n    },\n    {\n        code: 'AU',\n        code3: 'AUS',\n        name: 'Australia',\n        region: '61',\n    },\n    {\n        code: 'AT',\n        code3: 'AUT',\n        name: 'Austria',\n        region: '43',\n    },\n    {\n        code: 'AZ',\n        code3: 'AZE',\n        name: 'Azerbaijan',\n        region: '994',\n    },\n    {\n        code: 'BS',\n        code3: 'BHS',\n        name: 'Bahamas',\n        region: '1',\n    },\n    {\n        code: 'BH',\n        code3: 'BHR',\n        name: 'Bahrain',\n        region: '973',\n    },\n    {\n        code: 'BD',\n        code3: 'BGD',\n        name: 'Bangladesh',\n        region: '880',\n    },\n    {\n        code: 'BB',\n        code3: 'BRB',\n        name: 'Barbados',\n        region: '1',\n    },\n    // { code: 'BY', code3: 'BLR', name: 'Belarus', region: '375' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'BE',\n        code3: 'BEL',\n        name: 'Belgium',\n        region: '32',\n    },\n    {\n        code: 'BZ',\n        code3: 'BLZ',\n        name: 'Belize',\n        region: '501',\n    },\n    {\n        code: 'BJ',\n        code3: 'BEN',\n        name: 'Benin',\n        region: '229',\n    },\n    {\n        code: 'BM',\n        code3: 'BMU',\n        name: 'Bermuda',\n        region: '1',\n    },\n    {\n        code: 'BT',\n        code3: 'BTN',\n        name: 'Bhutan',\n        region: '975',\n    },\n    {\n        code: 'BO',\n        code3: 'BOL',\n        name: 'Bolivia, Plurinational State of',\n        region: '591',\n    },\n    {\n        code: 'BQ',\n        code3: 'BES',\n        name: 'Bonaire, Sint Eustatius and Saba',\n        region: '599',\n    },\n    {\n        code: 'BA',\n        code3: 'BIH',\n        name: 'Bosnia and Herzegovina',\n        region: '387',\n    },\n    {\n        code: 'BW',\n        code3: 'BWA',\n        name: 'Botswana',\n        region: '267',\n    },\n    {\n        code: 'BV',\n        code3: 'BVT',\n        name: 'Bouvet Island',\n        region: '55',\n    },\n    {\n        code: 'BR',\n        code3: 'BRA',\n        name: 'Brazil',\n        region: '55',\n    },\n    {\n        code: 'IO',\n        code3: 'IOT',\n        name: 'British Indian Ocean Territory',\n        region: '246',\n    },\n    {\n        code: 'BN',\n        code3: 'BRN',\n        name: 'Brunei Darussalam',\n        region: '673',\n    },\n    {\n        code: 'BG',\n        code3: 'BGR',\n        name: 'Bulgaria',\n        region: '359',\n    },\n    {\n        code: 'BF',\n        code3: 'BFA',\n        name: 'Burkina Faso',\n        region: '226',\n    },\n    // { code: 'BI', code3: 'BDI', name: 'Burundi', region: '257' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'KH',\n        code3: 'KHM',\n        name: 'Cambodia',\n        region: '855',\n    },\n    {\n        code: 'CM',\n        code3: 'CMR',\n        name: 'Cameroon',\n        region: '237',\n    },\n    {\n        code: 'CA',\n        code3: 'CAN',\n        name: 'Canada',\n        region: '1',\n    },\n    {\n        code: 'CV',\n        code3: 'CPV',\n        name: 'Cape Verde',\n        region: '238',\n    },\n    {\n        code: 'KY',\n        code3: 'CYM',\n        name: 'Cayman Islands',\n        region: '1',\n    },\n    {\n        code: 'CF',\n        code3: 'CAF',\n        name: 'Central African Republic',\n        region: '236',\n    },\n    {\n        code: 'TD',\n        code3: 'TCD',\n        name: 'Chad',\n        region: '235',\n    },\n    {\n        code: 'CL',\n        code3: 'CHL',\n        name: 'Chile',\n        region: '56',\n    },\n    {\n        code: 'CN',\n        code3: 'CHN',\n        name: 'China',\n        region: '86',\n    },\n    {\n        code: 'CX',\n        code3: 'CXR',\n        name: 'Christmas Island',\n        region: '61',\n    },\n    {\n        code: 'CC',\n        code3: 'CCK',\n        name: 'Cocos (Keeling) Islands',\n        region: '61',\n    },\n    {\n        code: 'CO',\n        code3: 'COL',\n        name: 'Colombia',\n        region: '57',\n    },\n    {\n        code: 'KM',\n        code3: 'COM',\n        name: 'Comoros',\n        region: '269',\n    },\n    {\n        code: 'CG',\n        code3: 'COG',\n        name: 'Congo',\n        region: '242',\n    },\n    {\n        code: 'CD',\n        code3: 'COD',\n        name: 'Congo, the Democratic Republic of the',\n        region: '243',\n    },\n    {\n        code: 'CK',\n        code3: 'COK',\n        name: 'Cook Islands',\n        region: '682',\n    },\n    {\n        code: 'CR',\n        code3: 'CRI',\n        name: 'Costa Rica',\n        region: '506',\n    },\n    {\n        code: 'CI',\n        code3: 'CIV',\n        name: \"Côte d'Ivoire\",\n        region: '225',\n    },\n    {\n        code: 'HR',\n        code3: 'HRV',\n        name: 'Croatia',\n        region: '385',\n    },\n    // { code: 'CU', code3: 'CUB', name: 'Cuba', region: '53' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'CW',\n        code3: 'CUW',\n        name: 'Curaçao',\n        region: '599',\n    },\n    {\n        code: 'CY',\n        code3: 'CYP',\n        name: 'Cyprus',\n        region: '357',\n    },\n    {\n        code: 'CZ',\n        code3: 'CZE',\n        name: 'Czech Republic',\n        region: '420',\n    },\n    {\n        code: 'DK',\n        code3: 'DNK',\n        name: 'Denmark',\n        region: '45',\n    },\n    {\n        code: 'DJ',\n        code3: 'DJI',\n        name: 'Djibouti',\n        region: '253',\n    },\n    {\n        code: 'DM',\n        code3: 'DMA',\n        name: 'Dominica',\n        region: '1',\n    },\n    {\n        code: 'DO',\n        code3: 'DOM',\n        name: 'Dominican Republic',\n        region: '1',\n    },\n    {\n        code: 'EC',\n        code3: 'ECU',\n        name: 'Ecuador',\n        region: '593',\n    },\n    {\n        code: 'EG',\n        code3: 'EGY',\n        name: 'Egypt',\n        region: '20',\n    },\n    {\n        code: 'SV',\n        code3: 'SLV',\n        name: 'El Salvador',\n        region: '503',\n    },\n    {\n        code: 'GQ',\n        code3: 'GNQ',\n        name: 'Equatorial Guinea',\n        region: '240',\n    },\n    // { code: 'ER', code3: 'ERI', name: 'Eritrea', region: '291' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'EE',\n        code3: 'EST',\n        name: 'Estonia',\n        region: '372',\n    },\n    {\n        code: 'ET',\n        code3: 'ETH',\n        name: 'Ethiopia',\n        region: '251',\n    },\n    {\n        code: 'FK',\n        code3: 'FLK',\n        name: 'Falkland Islands (Malvinas)',\n        region: '500',\n    },\n    {\n        code: 'FO',\n        code3: 'FRO',\n        name: 'Faroe Islands',\n        region: '298',\n    },\n    {\n        code: 'FJ',\n        code3: 'FJI',\n        name: 'Fiji',\n        region: '679',\n    },\n    {\n        code: 'FI',\n        code3: 'FIN',\n        name: 'Finland',\n        region: '358',\n    },\n    {\n        code: 'FR',\n        code3: 'FRA',\n        name: 'France',\n        region: '33',\n    },\n    {\n        code: 'GF',\n        code3: 'GUF',\n        name: 'French Guiana',\n        region: '594',\n    },\n    {\n        code: 'PF',\n        code3: 'PYF',\n        name: 'French Polynesia',\n        region: '689',\n    },\n    {\n        code: 'TF',\n        code3: 'ATF',\n        name: 'French Southern Territories',\n        region: '262',\n    },\n    {\n        code: 'GA',\n        code3: 'GAB',\n        name: 'Gabon',\n        region: '241',\n    },\n    {\n        code: 'GM',\n        code3: 'GMB',\n        name: 'Gambia',\n        region: '220',\n    },\n    {\n        code: 'GE',\n        code3: 'GEO',\n        name: 'Georgia',\n        region: '995',\n    },\n    {\n        code: 'DE',\n        code3: 'DEU',\n        name: 'Germany',\n        region: '49',\n    },\n    {\n        code: 'GH',\n        code3: 'GHA',\n        name: 'Ghana',\n        region: '233',\n    },\n    {\n        code: 'GI',\n        code3: 'GIB',\n        name: 'Gibraltar',\n        region: '350',\n    },\n    {\n        code: 'GR',\n        code3: 'GRC',\n        name: 'Greece',\n        region: '30',\n    },\n    {\n        code: 'GL',\n        code3: 'GRL',\n        name: 'Greenland',\n        region: '299',\n    },\n    {\n        code: 'GD',\n        code3: 'GRD',\n        name: 'Grenada',\n        region: '1',\n    },\n    {\n        code: 'GP',\n        code3: 'GLP',\n        name: 'Guadeloupe',\n        region: '590',\n    },\n    {\n        code: 'GU',\n        code3: 'GUM',\n        name: 'Guam',\n        region: '1',\n    },\n    {\n        code: 'GT',\n        code3: 'GTM',\n        name: 'Guatemala',\n        region: '502',\n    },\n    {\n        code: 'GG',\n        code3: 'GGY',\n        name: 'Guernsey',\n        region: '44',\n    },\n    {\n        code: 'GN',\n        code3: 'GIN',\n        name: 'Guinea',\n        region: '224',\n    },\n    {\n        code: 'GW',\n        code3: 'GNB',\n        name: 'Guinea-Bissau',\n        region: '245',\n    },\n    {\n        code: 'GY',\n        code3: 'GUY',\n        name: 'Guyana',\n        region: '592',\n    },\n    {\n        code: 'HT',\n        code3: 'HTI',\n        name: 'Haiti',\n        region: '509',\n    },\n    {\n        code: 'HM',\n        code3: 'HMD',\n        name: 'Heard Island and McDonald Islands',\n        region: '672',\n    },\n    {\n        code: 'VA',\n        code3: 'VAT',\n        name: 'Holy See (Vatican City State)',\n        region: '379',\n    },\n    {\n        code: 'HN',\n        code3: 'HND',\n        name: 'Honduras',\n        region: '504',\n    },\n    {\n        code: 'HK',\n        code3: 'HKG',\n        name: 'Hong Kong',\n        region: '852',\n    },\n    {\n        code: 'HU',\n        code3: 'HUN',\n        name: 'Hungary',\n        region: '36',\n    },\n    {\n        code: 'IS',\n        code3: 'ISL',\n        name: 'Iceland',\n        region: '354',\n    },\n    {\n        code: 'IN',\n        code3: 'IND',\n        name: 'India',\n        region: '91',\n    },\n    {\n        code: 'ID',\n        code3: 'IDN',\n        name: 'Indonesia',\n        region: '62',\n    },\n    // { code: 'IR', code3: 'IRN', name: 'Iran, Islamic Republic of', region: '98' }, disabled because paysafe will not support cards from this region.\n    // { code: 'IQ', code3: 'IRQ', name: 'Iraq', region: '964' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'IE',\n        code3: 'IRL',\n        name: 'Ireland',\n        region: '353',\n    },\n    {\n        code: 'IM',\n        code3: 'IMN',\n        name: 'Isle of Man',\n        region: '44',\n    },\n    {\n        code: 'IL',\n        code3: 'ISR',\n        name: 'Israel',\n        region: '972',\n    },\n    {\n        code: 'IT',\n        code3: 'ITA',\n        name: 'Italy',\n        region: '39',\n    },\n    {\n        code: 'JM',\n        code3: 'JAM',\n        name: 'Jamaica',\n        region: '1',\n    },\n    {\n        code: 'JP',\n        code3: 'JPN',\n        name: 'Japan',\n        region: '81',\n    },\n    {\n        code: 'JE',\n        code3: 'JEY',\n        name: 'Jersey',\n        region: '44',\n    },\n    {\n        code: 'JO',\n        code3: 'JOR',\n        name: 'Jordan',\n        region: '962',\n    },\n    {\n        code: 'KZ',\n        code3: 'KAZ',\n        name: 'Kazakhstan',\n        region: '7',\n    },\n    {\n        code: 'KE',\n        code3: 'KEN',\n        name: 'Kenya',\n        region: '254',\n    },\n    {\n        code: 'KI',\n        code3: 'KIR',\n        name: 'Kiribati',\n        region: '686',\n    },\n    // { code: 'KP', code3: 'PRK', name: \"Korea, Democratic People's Republic of\", region: '850' }, north korea - disabled because paysafe will not support cards from this region.\n    {\n        code: 'KR',\n        code3: 'KOR',\n        name: 'Korea, Republic of',\n        region: '82',\n    },\n    {\n        code: 'KW',\n        code3: 'KWT',\n        name: 'Kuwait',\n        region: '965',\n    },\n    // { code: 'KG', code3: 'KGZ', name: 'Kyrgyzstan', region: '996' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'LA',\n        code3: 'LAO',\n        name: \"Lao People's Democratic Republic\",\n        region: '856',\n    },\n    {\n        code: 'LV',\n        code3: 'LVA',\n        name: 'Latvia',\n        region: '371',\n    },\n    // { code: 'LB', code3: 'LBN', name: 'Lebanon', region: '961' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'LS',\n        code3: 'LSO',\n        name: 'Lesotho',\n        region: '266',\n    },\n    // { code: 'LR', code3: 'LBR', name: 'Liberia', region: '231' }, disabled because paysafe will not support cards from this region.\n    // { code: 'LY', code3: 'LBY', name: 'Libya', region: '218' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'LI',\n        code3: 'LIE',\n        name: 'Liechtenstein',\n        region: '423',\n    },\n    {\n        code: 'LT',\n        code3: 'LTU',\n        name: 'Lithuania',\n        region: '370',\n    },\n    {\n        code: 'LU',\n        code3: 'LUX',\n        name: 'Luxembourg',\n        region: '352',\n    },\n    {\n        code: 'MO',\n        code3: 'MAC',\n        name: 'Macao',\n        region: '853',\n    },\n    {\n        code: 'MK',\n        code3: 'MKD',\n        name: 'Macedonia, the Former Yugoslav Republic of',\n        region: '389',\n    },\n    {\n        code: 'MG',\n        code3: 'MDG',\n        name: 'Madagascar',\n        region: '261',\n    },\n    {\n        code: 'MW',\n        code3: 'MWI',\n        name: 'Malawi',\n        region: '265',\n    },\n    {\n        code: 'MY',\n        code3: 'MYS',\n        name: 'Malaysia',\n        region: '60',\n    },\n    {\n        code: 'MV',\n        code3: 'MDV',\n        name: 'Maldives',\n        region: '960',\n    },\n    {\n        code: 'ML',\n        code3: 'MLI',\n        name: 'Mali',\n        region: '223',\n    },\n    {\n        code: 'MT',\n        code3: 'MLT',\n        name: 'Malta',\n        region: '356',\n    },\n    {\n        code: 'MH',\n        code3: 'MHL',\n        name: 'Marshall Islands',\n        region: '692',\n    },\n    {\n        code: 'MQ',\n        code3: 'MTQ',\n        name: 'Martinique',\n        region: '596',\n    },\n    {\n        code: 'MR',\n        code3: 'MRT',\n        name: 'Mauritania',\n        region: '222',\n    },\n    {\n        code: 'MU',\n        code3: 'MUS',\n        name: 'Mauritius',\n        region: '230',\n    },\n    {\n        code: 'YT',\n        code3: 'MYT',\n        name: 'Mayotte',\n        region: '262',\n    },\n    {\n        code: 'MX',\n        code3: 'MEX',\n        name: 'Mexico',\n        region: '52',\n    },\n    {\n        code: 'FM',\n        code3: 'FSM',\n        name: 'Micronesia, Federated States of',\n        region: '691',\n    },\n    {\n        code: 'MD',\n        code3: 'MDA',\n        name: 'Moldova, Republic of',\n        region: '373',\n    },\n    {\n        code: 'MC',\n        code3: 'MCO',\n        name: 'Monaco',\n        region: '377',\n    },\n    {\n        code: 'MN',\n        code3: 'MNG',\n        name: 'Mongolia',\n        region: '976',\n    },\n    {\n        code: 'ME',\n        code3: 'MNE',\n        name: 'Montenegro',\n        region: '382',\n    },\n    {\n        code: 'MS',\n        code3: 'MSR',\n        name: 'Montserrat',\n        region: '1',\n    },\n    {\n        code: 'MA',\n        code3: 'MAR',\n        name: 'Morocco',\n        region: '212',\n    },\n    {\n        code: 'MZ',\n        code3: 'MOZ',\n        name: 'Mozambique',\n        region: '258',\n    },\n    {\n        code: 'MM',\n        code3: 'MMR',\n        name: 'Myanmar',\n        region: '95',\n    },\n    {\n        code: 'NA',\n        code3: 'NAM',\n        name: 'Namibia',\n        region: '264',\n    },\n    {\n        code: 'NR',\n        code3: 'NRU',\n        name: 'Nauru',\n        region: '674',\n    },\n    {\n        code: 'NP',\n        code3: 'NPL',\n        name: 'Nepal',\n        region: '977',\n    },\n    {\n        code: 'NL',\n        code3: 'NLD',\n        name: 'Netherlands',\n        region: '31',\n    },\n    {\n        code: 'NC',\n        code3: 'NCL',\n        name: 'New Caledonia',\n        region: '687',\n    },\n    {\n        code: 'NZ',\n        code3: 'NZL',\n        name: 'New Zealand',\n        region: '64',\n    },\n    {\n        code: 'NI',\n        code3: 'NIC',\n        name: 'Nicaragua',\n        region: '505',\n    },\n    {\n        code: 'NE',\n        code3: 'NER',\n        name: 'Niger',\n        region: '227',\n    },\n    {\n        code: 'NG',\n        code3: 'NGA',\n        name: 'Nigeria',\n        region: '234',\n    },\n    {\n        code: 'NU',\n        code3: 'NIU',\n        name: 'Niue',\n        region: '683',\n    },\n    {\n        code: 'NF',\n        code3: 'NFK',\n        name: 'Norfolk Island',\n        region: '672',\n    },\n    {\n        code: 'MP',\n        code3: 'MNP',\n        name: 'Northern Mariana Islands',\n        region: '1',\n    },\n    {\n        code: 'NO',\n        code3: 'NOR',\n        name: 'Norway',\n        region: '47',\n    },\n    {\n        code: 'OM',\n        code3: 'OMN',\n        name: 'Oman',\n        region: '968',\n    },\n    {\n        code: 'PK',\n        code3: 'PAK',\n        name: 'Pakistan',\n        region: '92',\n    },\n    {\n        code: 'PW',\n        code3: 'PLW',\n        name: 'Palau',\n        region: '680',\n    },\n    // { code: 'PS', code3: 'PSE', name: 'Palestine, State of', region: '970' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'PA',\n        code3: 'PAN',\n        name: 'Panama',\n        region: '507',\n    },\n    {\n        code: 'PG',\n        code3: 'PNG',\n        name: 'Papua New Guinea',\n        region: '675',\n    },\n    {\n        code: 'PY',\n        code3: 'PRY',\n        name: 'Paraguay',\n        region: '595',\n    },\n    {\n        code: 'PE',\n        code3: 'PER',\n        name: 'Peru',\n        region: '51',\n    },\n    {\n        code: 'PH',\n        code3: 'PHL',\n        name: 'Philippines',\n        region: '63',\n    },\n    {\n        code: 'PN',\n        code3: 'PCN',\n        name: 'Pitcairn',\n        region: '64',\n    },\n    {\n        code: 'PL',\n        code3: 'POL',\n        name: 'Poland',\n        region: '48',\n    },\n    {\n        code: 'PT',\n        code3: 'PRT',\n        name: 'Portugal',\n        region: '351',\n    },\n    {\n        code: 'PR',\n        code3: 'PRI',\n        name: 'Puerto Rico',\n        region: '1',\n    },\n    {\n        code: 'QA',\n        code3: 'QAT',\n        name: 'Qatar',\n        region: '974',\n    },\n    {\n        code: 'RE',\n        code3: 'REU',\n        name: 'Réunion',\n        region: '262',\n    },\n    {\n        code: 'RO',\n        code3: 'ROU',\n        name: 'Romania',\n        region: '40',\n    },\n    {\n        code: 'RU',\n        code3: 'RUS',\n        name: 'Russian Federation',\n        region: '7',\n    },\n    {\n        code: 'RW',\n        code3: 'RWA',\n        name: 'Rwanda',\n        region: '250',\n    },\n    {\n        code: 'BL',\n        code3: 'BLM',\n        name: 'Saint Barthélemy',\n        region: '590',\n    },\n    {\n        code: 'SH',\n        code3: 'SHN',\n        name: 'Saint Helena, Ascension and Tristan da Cunha',\n        region: '290',\n    },\n    {\n        code: 'KN',\n        code3: 'KNA',\n        name: 'Saint Kitts and Nevis',\n        region: '1',\n    },\n    {\n        code: 'LC',\n        code3: 'LCA',\n        name: 'Saint Lucia',\n        region: '1',\n    },\n    {\n        code: 'MF',\n        code3: 'MAF',\n        name: 'Saint Martin (French part)',\n        region: '590',\n    },\n    {\n        code: 'PM',\n        code3: 'SPM',\n        name: 'Saint Pierre and Miquelon',\n        region: '508',\n    },\n    {\n        code: 'VC',\n        code3: 'VCT',\n        name: 'Saint Vincent and the Grenadines',\n        region: '1',\n    },\n    {\n        code: 'WS',\n        code3: 'SWM',\n        name: 'Samoa',\n        region: '685',\n    },\n    {\n        code: 'SM',\n        code3: 'SMR',\n        name: 'San Marino',\n        region: '378',\n    },\n    {\n        code: 'ST',\n        code3: 'STP',\n        name: 'Sao Tome and Principe',\n        region: '239',\n    },\n    {\n        code: 'SA',\n        code3: 'SAU',\n        name: 'Saudi Arabia',\n        region: '966',\n    },\n    {\n        code: 'SN',\n        code3: 'SEN',\n        name: 'Senegal',\n        region: '221',\n    },\n    {\n        code: 'RS',\n        code3: 'SRB',\n        name: 'Serbia',\n        region: '381',\n    },\n    {\n        code: 'SC',\n        code3: 'SYC',\n        name: 'Seychelles',\n        region: '248',\n    },\n    {\n        code: 'SL',\n        code3: 'SLE',\n        name: 'Sierra Leone',\n        region: '232',\n    },\n    {\n        code: 'SG',\n        code3: 'SGP',\n        name: 'Singapore',\n        region: '65',\n    },\n    {\n        code: 'SX',\n        code3: 'SXM',\n        name: 'Sint Maarten (Dutch part)',\n        region: '1',\n    },\n    {\n        code: 'SK',\n        code3: 'SVK',\n        name: 'Slovakia',\n        region: '421',\n    },\n    {\n        code: 'SI',\n        code3: 'SVN',\n        name: 'Slovenia',\n        region: '386',\n    },\n    {\n        code: 'SB',\n        code3: 'SLB',\n        name: 'Solomon Islands',\n        region: '677',\n    },\n    // { code: 'SO', code3: 'SOM', name: 'Somalia', region: '252' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'ZA',\n        code3: 'ZAF',\n        name: 'South Africa',\n        region: '27',\n    },\n    {\n        code: 'GS',\n        code3: 'SGS',\n        name: 'South Georgia and the South Sandwich Islands',\n        region: '500',\n    },\n    {\n        code: 'SS',\n        code3: 'SSD',\n        name: 'South Sudan',\n        region: '211',\n    },\n    {\n        code: 'ES',\n        code3: 'ESP',\n        name: 'Spain',\n        region: '34',\n    },\n    {\n        code: 'LK',\n        code3: 'LKR',\n        name: 'Sri Lanka',\n        region: '94',\n    },\n    // { code: 'SD', code3: 'SDN', name: 'Sudan', region: '249' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'SR',\n        code3: 'SUR',\n        name: 'Suriname',\n        region: '597',\n    },\n    {\n        code: 'SJ',\n        code3: 'SJM',\n        name: 'Svalbard and Jan Mayen',\n        region: '47',\n    },\n    {\n        code: 'SZ',\n        code3: 'SWZ',\n        name: 'Swaziland',\n        region: '268',\n    }, //aka Eswatini\n    {\n        code: 'SE',\n        code3: 'SWE',\n        name: 'Sweden',\n        region: '46',\n    },\n    {\n        code: 'CH',\n        code3: 'CHE',\n        name: 'Switzerland',\n        region: '41',\n    },\n    // { code: 'SY', code3: 'SYR', name: 'Syrian Arab Republic', region: '963' }, disabled because paysafe will not support cards from this region.\n    {\n        code: 'TW',\n        code3: 'TWN',\n        name: 'Taiwan',\n        region: '886',\n    },\n    {\n        code: 'TJ',\n        code3: 'TJK',\n        name: 'Tajikistan',\n        region: '992',\n    },\n    {\n        code: 'TZ',\n        code3: 'TZA',\n        name: 'Tanzania, United Republic of',\n        region: '255',\n    },\n    {\n        code: 'TH',\n        code3: 'THA',\n        name: 'Thailand',\n        region: '66',\n    },\n    {\n        code: 'TL',\n        code3: 'TLS',\n        name: 'Timor-Leste',\n        region: '670',\n    },\n    {\n        code: 'TG',\n        code3: 'TGO',\n        name: 'Togo',\n        region: '228',\n    },\n    {\n        code: 'TK',\n        code3: 'TKL',\n        name: 'Tokelau',\n        region: '690',\n    },\n    {\n        code: 'TO',\n        code3: 'TON',\n        name: 'Tonga',\n        region: '676',\n    },\n    {\n        code: 'TT',\n        code3: 'TTO',\n        name: 'Trinidad and Tobago',\n        region: '1',\n    },\n    {\n        code: 'TN',\n        code3: 'TUN',\n        name: 'Tunisia',\n        region: '216',\n    },\n    {\n        code: 'TR',\n        code3: 'TUR',\n        name: 'Turkey',\n        region: '90',\n    },\n    {\n        code: 'TM',\n        code3: 'TKM',\n        name: 'Turkmenistan',\n        region: '993',\n    },\n    {\n        code: 'TC',\n        code3: 'TCA',\n        name: 'Turks and Caicos Islands',\n        region: '1',\n    },\n    {\n        code: 'TV',\n        code3: 'TUV',\n        name: 'Tuvalu',\n        region: '688',\n    },\n    {\n        code: 'UG',\n        code3: 'UGA',\n        name: 'Uganda',\n        region: '256',\n    },\n    {\n        code: 'UA',\n        code3: 'UKR',\n        name: 'Ukraine',\n        region: '380',\n    },\n    {\n        code: 'AE',\n        code3: 'ARE',\n        name: 'United Arab Emirates',\n        region: '971',\n    },\n    {\n        code: 'GB',\n        code3: 'GBR',\n        name: 'United Kingdom',\n        region: '44',\n    },\n    {\n        code: 'UM',\n        code3: 'UMI',\n        name: 'United States Minor Outlying Islands',\n        region: '246',\n    },\n    {\n        code: 'UY',\n        code3: 'URY',\n        name: 'Uruguay',\n        region: '598',\n    },\n    {\n        code: 'UZ',\n        code3: 'UZB',\n        name: 'Uzbekistan',\n        region: '998',\n    },\n    {\n        code: 'VU',\n        code3: 'VUT',\n        name: 'Vanuatu',\n        region: '678',\n    },\n    {\n        code: 'VE',\n        code3: 'VEN',\n        name: 'Venezuela, Bolivarian Republic of',\n        region: '58',\n    },\n    {\n        code: 'VN',\n        code3: 'VNM',\n        name: 'VietNam',\n        region: '84',\n    },\n    {\n        code: 'VG',\n        code3: 'VGB',\n        name: 'Virgin Islands, British',\n        region: '1',\n    },\n    {\n        code: 'VI',\n        code3: 'VIR',\n        name: 'Virgin Islands, U.S.',\n        region: '1',\n    },\n    {\n        code: 'WF',\n        code3: 'WLF',\n        name: 'Wallis and Futuna',\n        region: '681',\n    },\n    {\n        code: 'EH',\n        code3: 'ESH',\n        name: 'Western Sahara',\n        region: '212',\n    },\n    {\n        code: 'YE',\n        code3: 'YEM',\n        name: 'Yemen',\n        region: '967',\n    },\n    {\n        code: 'ZM',\n        code3: 'ZMB',\n        name: 'Zambia',\n        region: '260',\n    },\n    // { code: 'ZW', code3: 'ZWE', name: 'Zimbabwe', region: '263' }, disabled because paysafe will not support cards from this region.\n];\n","import { CountriesWithISOCodes } from '../../utils/countriesWithISOCodes';\n\n// Memoized country lookup for better performance\nconst countryCache = new Map<string, string>();\n\nexport const getCountryValue = (countryCode: string = ''): string => {\n    if (!countryCode) {\n        return '';\n    }\n\n    const upperCode = countryCode.toUpperCase();\n\n    // Check cache first\n    if (countryCache.has(upperCode)) {\n        return countryCache.get(upperCode)!;\n    }\n\n    // Special case for US\n    if (upperCode === 'US') {\n        countryCache.set(upperCode, 'USA');\n        return 'USA';\n    }\n\n    // Look up in CountriesWithISOCodes\n    const countryValue = CountriesWithISOCodes.find((c) => c.code.toUpperCase() === upperCode);\n    const countryName = countryValue?.name || upperCode;\n\n    // Cache the result\n    countryCache.set(upperCode, countryName);\n    return countryName;\n};\n","import { ReactNode, useMemo } from 'react';\n\nimport type { Address, AddressHighlightedFields } from '../types';\n\nimport { AddressField } from './addressField';\nimport { AddressSection } from './addressSection';\nimport { getCountryValue } from './getCountryValue';\n\ntype AddressComponentsProps = {\n    address: Address;\n    highlightedFields?: AddressHighlightedFields;\n    isCityStateOnly?: boolean;\n    variant?: 'primary' | 'secondary';\n};\n\nexport const GetAddressComponents = ({\n    address,\n    highlightedFields,\n    isCityStateOnly,\n    variant,\n}: AddressComponentsProps) => {\n    const {\n        address1,\n        address2,\n        city,\n        countryCode,\n        firstName = '',\n        lastName = '',\n        organizationName = '',\n        phoneNumber,\n        postalCode,\n        state = '',\n    } = address;\n\n    // Memoize computed values for performance\n    const countryValue = useMemo(() => getCountryValue(countryCode), [countryCode]);\n\n    // Memoize address components to prevent unnecessary re-renders\n    const addressComponents = useMemo(() => {\n        const Field = (key: string, value: string, highlighted?: boolean) => (\n            <AddressField\n                highlighted={highlighted}\n                key={key}\n                variant={variant}\n            >\n                {value}\n            </AddressField>\n        );\n        const Section = (key: string, children: ReactNode) => <AddressSection key={key}>{children}</AddressSection>;\n\n        if (isCityStateOnly) {\n            return [\n                Section(\n                    'address-city-state-country',\n                    <>\n                        {city && <>{Field('city', city, highlightedFields?.city)}, </>}\n                        {state && <>{Field('state', state, highlightedFields?.state)}, </>}\n                        {countryCode && Field('country', countryValue, highlightedFields?.countryCode)}\n                    </>\n                ),\n            ];\n        }\n\n        const sections = [\n            firstName &&\n                Section(\n                    'address-full-name',\n                    <>\n                        {Field('firstName', firstName, highlightedFields?.firstName)}\n                        {lastName && <> {Field('lastName', lastName, highlightedFields?.lastName)}</>}\n                    </>\n                ),\n            organizationName &&\n                Section(\n                    'address-organization-name',\n                    Field('organization', organizationName, highlightedFields?.organizationName)\n                ),\n            Section('address-address-1', Field('address1', address1, highlightedFields?.address1)),\n            address2 && Section('address-address-2', Field('address2', address2, highlightedFields?.address2)),\n            Section(\n                'address-city-state-postal-code',\n                <>\n                    {city && <>{Field('city', city, highlightedFields?.city)}, </>}\n                    {state && <>{Field('state', state, highlightedFields?.state)} </>}\n                    {Field('postalCode', postalCode, highlightedFields?.postalCode)}\n                </>\n            ),\n            Section('address-country', Field('country', countryValue, highlightedFields?.countryCode)),\n            phoneNumber && Field('address-phone-number', phoneNumber, highlightedFields?.phoneNumber),\n        ];\n\n        return sections.filter(Boolean);\n    }, [\n        isCityStateOnly,\n        firstName,\n        lastName,\n        organizationName,\n        address1,\n        address2,\n        city,\n        state,\n        postalCode,\n        countryValue,\n        phoneNumber,\n        highlightedFields,\n        variant,\n        countryCode,\n    ]);\n\n    return addressComponents;\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { isEqual } from 'es-toolkit';\nimport { memo } from 'react';\n\nimport { GetAddressComponents } from './components/addressComponents';\nimport { Address, AddressHighlightedFields as HighlightedFieldsType } from './types';\n\nexport type AddressProps = {\n    address: Address;\n    className?: string;\n    highlightedFields?: HighlightedFieldsType;\n    //display only city, state, and country\n    isCityStateOnly?: boolean;\n    testid?: string;\n    //primary or secondary text color\n    variant?: 'primary' | 'secondary';\n};\n\nconst AddressDisplayBase = ({\n    address,\n    className,\n    highlightedFields,\n    isCityStateOnly,\n    testid = 'address-display',\n    variant,\n}: AddressProps) => {\n    const addressComponents = GetAddressComponents({ address, highlightedFields, isCityStateOnly, variant });\n\n    return (\n        <div\n            className={cn('mb-[10px]', className)}\n            data-testid={testid}\n        >\n            {addressComponents}\n        </div>\n    );\n};\n\n// Deep-equal memo mirrors the upstream default export; published as the named\n// export because this library forbids default exports.\nexport const AddressDisplay = memo<AddressProps>(AddressDisplayBase, isEqual);\n\nAddressDisplay.displayName = 'AddressDisplay';\n"],"mappings":";;;;;;AAKA,MAAa,gBAAgB,EACzB,UACA,aACA,cAKE;CACF,MAAM,QAAQ,YAAY,cAAc,cAAc;CAEtD,OACI,oBAAC,eAAD;EACI,WAAW,GAAG,EAAE,6CAA6C,YAAY,CAAC;EACnE;EAEN;CACU,CAAA;AAEvB;;;ACvBA,MAAa,kBAAkB,EAC3B,UACA,YAAY,iBAIV,oBAAC,OAAD;CAAgB;CAAY;AAAc,CAAA;;;ACChD,MAAa,wBAAmC;CAE5C;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;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CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CAEA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;CACZ;CACA;EACI,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;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"}

package/AutomatedCarousel-BbH74siI.d.mts

@@ -0,0 +1,48 @@
+import { t as Carousel } from "./index-NeSBj5ci.mjs";
+import { ComponentProps } from "react";
+
+//#region src/AutomatedCarousel/AutomatedCarousel.d.ts
+type Props = Omit<ComponentProps<typeof Carousel>, 'goToPage' | 'providePageCount' | 'selectedPage' | 'shouldGoToPageBreakpointsOnScrolling' | 'showPagination'> & {
+  /**
+   * If provided, the cards, barring the first card, will be offset so that some of the previous card will be shown on the left.
+   * This is best used for mobile carousels so that people can better see that they're in the middle of a carousel.
+   * It should be a positive number, representing a pixel amount.
+   * Gap size will be added to it, so make sure you aren't including it.
+   *
+   * @default 0
+   */
+  cardOffset?: number;
+  /**
+   * If provided, it's an estimate of the number of pages that will be rendered.
+   * It's only used before the initial page calculation is completed.
+   */
+  expectedPageCount?: number;
+  /**
+   * Are the cards taking up a full page of the carousel?
+   * This is used to use card counts to render the page-based sections of the carousel for SSR.
+   */
+  fullPage?: boolean;
+  /**
+   * If populated, the progress bar will be placed below the cards, rather than on top of the card content
+   */
+  progressBarGap?: 'sm' | 'md' | 'lg';
+  /**
+   * Changes the color of the pause/play buttons to better reflect various backgrounds
+   *
+   * @default = 'primary'
+   */
+  style?: 'primary' | 'inverse';
+};
+declare const AutomatedCarousel: ({
+  cardOffset,
+  cards,
+  expectedPageCount,
+  fullPage,
+  progressBarGap,
+  style,
+  title,
+  ...rest
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AutomatedCarousel as t };
+//# sourceMappingURL=AutomatedCarousel-BbH74siI.d.mts.map

package/AutomatedCarousel-BbH74siI.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomatedCarousel-BbH74siI.d.mts","names":[],"sources":["../src/AutomatedCarousel/AutomatedCarousel.tsx"],"mappings":";;;;KAOK,KAAA,GAAQ,IAAA,CACT,cAAA,QAAsB,QAAA;;AALa;;;;;;;EAgBnC,UAAA;EAZS;;;;EAiBT,iBAAA;EAKA;;;;EAAA,QAAA;EAaS;;;EATT,cAAA;EAS8B;;;;;EAH9B,KAAA;AAAA;AAAA,cAGS,iBAAA;EAAqB,UAAA;EAAA,KAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,cAAA;EAAA,KAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAS/B,KAAA,iCAAK,GAAA,CAAA,OAAA"}

package/AutomatedCarousel-CmVyxeSl.mjs

@@ -0,0 +1,274 @@
+import { Pause, Play } from "./Icons.mjs";
+import { c as useWindowIsDesktop } from "./windowSizeProvider-sYwAqaOy.mjs";
+import { t as Carousel } from "./Carousel-8CbTiwMk.mjs";
+import { IconButton } from "./IconButton.mjs";
+import { usePrevious } from "./hooks/usePrevious.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ms from "ms";
+//#region src/AutomatedCarousel/automatedCarousel.types.ts
+const SHOW_CAROUSEL_PAGE_DURATION = ms("6s");
+//#endregion
+//#region src/AutomatedCarousel/components/CarouselProgressBar/components/CarouselProgressBarUnit/CarouselProgressBarUnit.tsx
+const MAX_PROGRESS_CAP = 100;
+const PERCENT_CONVERSION = 100;
+const CarouselProgressBarUnit = ({ isPausedOverride, onClick, onComplete, page, progressState }) => {
+	const isDesktop = useWindowIsDesktop();
+	const animationStartTime = useRef(0);
+	const [progress, setProgress] = useState(progressState === 0 ? 100 : 0);
+	const isPaused = useRef(isPausedOverride);
+	const pausedTime = useRef(0);
+	const unpausedTime = useRef(0);
+	const [isComplete, setIsComplete] = useState(false);
+	const clearRunningInterval = useCallback(() => {
+		if (animationInterval.current) {
+			clearInterval(animationInterval.current);
+			animationInterval.current = null;
+		}
+	}, []);
+	useEffect(() => {
+		return () => {
+			clearRunningInterval();
+		};
+	}, [clearRunningInterval]);
+	useEffect(() => {
+		if (isComplete) {
+			onComplete();
+			clearRunningInterval();
+		}
+	}, [
+		clearRunningInterval,
+		isComplete,
+		onComplete
+	]);
+	const animationInterval = useRef(null);
+	const runAnimation = useCallback(() => {
+		if (animationInterval.current) return;
+		animationInterval.current = setInterval(() => {
+			if (isPaused.current) return;
+			const now = Date.now();
+			let startTime = animationStartTime.current;
+			if (unpausedTime.current) {
+				const pauseDuration = unpausedTime.current - pausedTime.current;
+				startTime += pauseDuration;
+			}
+			const newProgress = (now - startTime) / SHOW_CAROUSEL_PAGE_DURATION * PERCENT_CONVERSION;
+			const cappedProgress = Math.min(newProgress, MAX_PROGRESS_CAP);
+			if (cappedProgress < MAX_PROGRESS_CAP) requestAnimationFrame(() => {
+				setProgress(cappedProgress);
+			});
+			else if (animationInterval.current) setIsComplete(true);
+		}, 100);
+	}, []);
+	useEffect(() => {
+		if (progressState === 1 && !Boolean(animationStartTime.current)) {
+			unpausedTime.current = 0;
+			animationStartTime.current = Date.now();
+			runAnimation();
+		}
+	}, [progressState, runAnimation]);
+	useEffect(() => {
+		isPaused.current = isPausedOverride;
+		if (isPausedOverride) {
+			pausedTime.current = Date.now();
+			clearRunningInterval();
+		} else if (progressState === 1) runAnimation();
+	}, [
+		clearRunningInterval,
+		isPausedOverride,
+		progressState,
+		runAnimation
+	]);
+	const wasPaused = usePrevious(isPausedOverride);
+	useEffect(() => {
+		if (wasPaused && !isPausedOverride) unpausedTime.current = Date.now();
+	}, [isPausedOverride, wasPaused]);
+	const sharedStyles = "h-[5px] rounded-lg";
+	if (!isDesktop) return;
+	return /* @__PURE__ */ jsx("div", {
+		"aria-label": `Go to page #${page}`,
+		className: cn(sharedStyles, "min-w-min max-w-lg hover:cursor-pointer", {
+			"bg-icon-disabled": progressState !== 1,
+			"bg-primary-100": progressState === 1
+		}),
+		onClick: () => {
+			onClick();
+		},
+		onKeyUp: ({ key }) => {
+			if (key === "Enter") onClick();
+		},
+		role: "button",
+		tabIndex: 0,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(sharedStyles, `bg-icon-info duration-${SHOW_CAROUSEL_PAGE_DURATION} w-[${progress}%] ease-linear`),
+			"data-testid": "carousel-progress-bar-unit",
+			style: { width: `${progress}%` }
+		})
+	});
+};
+//#endregion
+//#region src/AutomatedCarousel/components/CarouselProgressBar/CarouselProgressBar.tsx
+const CarouselProgressBar = ({ currentFreeScrollPage, currentPage, goToPage, isPaused, pageCount, setPausedState, style }) => {
+	const isDesktop = useWindowIsDesktop();
+	const previousPageCount = usePrevious(pageCount);
+	const pageBarUnits = useMemo(() => {
+		const currentPageInUse = isPaused ? currentFreeScrollPage : currentPage;
+		const units = [];
+		for (let i = 0; i < pageCount; i++) {
+			const onClickProgressBarUnit = () => {
+				goToPage(i);
+				setPausedState(true);
+			};
+			const onCompleteProgressBarUnit = () => {
+				goToPage((i + 1) % pageCount);
+			};
+			if (i < currentPageInUse) units.push(/* @__PURE__ */ jsx(CarouselProgressBarUnit, {
+				isPausedOverride: isPaused,
+				onClick: onClickProgressBarUnit,
+				onComplete: onCompleteProgressBarUnit,
+				page: i + 1,
+				progressState: 0
+			}, `page-bar-unit-past-${i}-past`));
+			else if (i === currentPageInUse) units.push(/* @__PURE__ */ jsx(CarouselProgressBarUnit, {
+				isPausedOverride: isPaused,
+				onClick: onClickProgressBarUnit,
+				onComplete: onCompleteProgressBarUnit,
+				page: i + 1,
+				progressState: 1
+			}, `page-bar-unit-current-${i}-current`));
+			else units.push(/* @__PURE__ */ jsx(CarouselProgressBarUnit, {
+				isPausedOverride: isPaused,
+				onClick: onClickProgressBarUnit,
+				onComplete: onCompleteProgressBarUnit,
+				page: i + 1,
+				progressState: 2
+			}, `page-bar-unit-future-${i}-future`));
+		}
+		return units;
+	}, [
+		currentFreeScrollPage,
+		currentPage,
+		goToPage,
+		isPaused,
+		pageCount,
+		setPausedState
+	]);
+	const togglePause = useCallback(() => {
+		setPausedState(!isPaused);
+	}, [isPaused, setPausedState]);
+	useEffect(() => {
+		if (pageCount !== previousPageCount) {
+			goToPage(0);
+			setPausedState(false);
+		}
+	}, [
+		goToPage,
+		pageCount,
+		previousPageCount,
+		setPausedState
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-xl grid items-center gap-xs xsMax:m-0 xsMax:flex",
+		style: { gridTemplateColumns: `repeat(${pageCount + 1}, minmax(0, 32px))` },
+		children: [pageBarUnits, /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center",
+			children: /* @__PURE__ */ jsx(IconButton, {
+				"data-testid": "automated-carousel-toggle-pause-button",
+				icon: isPaused ? Play : Pause,
+				iconStyle: "fill",
+				onClick: togglePause,
+				size: isDesktop ? "xs" : "sm",
+				style,
+				variant: "filled"
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/AutomatedCarousel/AutomatedCarousel.tsx
+const AutomatedCarousel = ({ cardOffset = 0, cards, expectedPageCount, fullPage = true, progressBarGap, style = "primary", title, ...rest }) => {
+	const [currentPage, setCurrentPage] = useState(0);
+	const [currentFreeScrollPage, setCurrentFreeScrollPage] = useState(0);
+	useEffect(() => {
+		setCurrentFreeScrollPage(currentPage);
+	}, [currentPage]);
+	const goToPageAndContinue = useCallback((newPage) => {
+		setCurrentPage(newPage);
+	}, []);
+	const goToPageAndPause = useCallback(({ buttonDirection, oneBasedPageNumber }) => {
+		if (buttonDirection) setCurrentPage(currentFreeScrollPage + buttonDirection);
+		else setCurrentPage(oneBasedPageNumber - 1);
+		setIsPaused(true);
+	}, [currentFreeScrollPage]);
+	const getInitialPageCount = () => {
+		if (expectedPageCount !== void 0) return expectedPageCount;
+		return fullPage ? cards.length : 0;
+	};
+	const [numberOfPages, setNumberOfPages] = useState(getInitialPageCount());
+	const setPageCount = useCallback((pageCount) => {
+		setNumberOfPages(pageCount);
+	}, []);
+	useEffect(() => {
+		setNumberOfPages(getInitialPageCount());
+	}, [
+		fullPage,
+		cards.length,
+		expectedPageCount
+	]);
+	const oneBasedCarouselPage = currentPage + 1;
+	const [isPaused, setIsPaused] = useState(true);
+	const wasPaused = usePrevious(isPaused);
+	const progressBarClassName = useMemo(() => {
+		if (Boolean(progressBarGap)) return `w-fit flex mx-auto mt-${progressBarGap}`;
+		return cn("absolute bottom-lg left-0 flex w-full justify-center", "xsMax:bottom-xs xsMax:left-[calc(100%-38px)] xsMax:block xsMax:transition-all xsMax:duration-500");
+	}, [progressBarGap]);
+	const onScrollCarousel = useCallback((currentScrollPage) => {
+		setCurrentFreeScrollPage(currentScrollPage);
+		setIsPaused(true);
+	}, []);
+	useEffect(() => {
+		setIsPaused(!document.readyState);
+	}, []);
+	useEffect(() => {
+		if (isPaused && !wasPaused) setCurrentFreeScrollPage(currentPage);
+		else if (!isPaused && wasPaused) setCurrentPage(currentFreeScrollPage);
+	}, [
+		currentFreeScrollPage,
+		currentPage,
+		isPaused,
+		wasPaused
+	]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "relative",
+		children: [/* @__PURE__ */ jsx(Carousel, {
+			cardOffset,
+			cards,
+			fullPage,
+			goToPage: goToPageAndPause,
+			onScroll: onScrollCarousel,
+			providePageCount: setPageCount,
+			selectedPage: oneBasedCarouselPage,
+			shouldGoToPageBreakpointsOnScrolling: !isPaused,
+			showPagination: false,
+			title,
+			...rest
+		}), numberOfPages > 0 && /* @__PURE__ */ jsx("div", {
+			className: progressBarClassName,
+			"data-testid": `${title}.automated-carousel.progress-bar-container`,
+			children: /* @__PURE__ */ jsx(CarouselProgressBar, {
+				currentFreeScrollPage,
+				currentPage,
+				goToPage: goToPageAndContinue,
+				isPaused,
+				pageCount: numberOfPages,
+				setPausedState: setIsPaused,
+				style
+			})
+		})]
+	});
+};
+//#endregion
+export { AutomatedCarousel as t };
+
+//# sourceMappingURL=AutomatedCarousel-CmVyxeSl.mjs.map

package/AutomatedCarousel-CmVyxeSl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomatedCarousel-CmVyxeSl.mjs","names":[],"sources":["../src/AutomatedCarousel/automatedCarousel.types.ts","../src/AutomatedCarousel/components/CarouselProgressBar/components/CarouselProgressBarUnit/CarouselProgressBarUnit.tsx","../src/AutomatedCarousel/components/CarouselProgressBar/CarouselProgressBar.tsx","../src/AutomatedCarousel/AutomatedCarousel.tsx"],"sourcesContent":["import ms from 'ms';\n\nexport const SHOW_CAROUSEL_PAGE_DURATION = ms('6s');\n\nexport const CAROUSEL_PROGRESS_BAR_GAP_SIZE = 8;\nexport const CAROUSEL_PAUSE_BUTTON_WIDTH = 20;\nexport const MAXIMUM_CAROUSEL_PROGRESS_BAR_UNIT_WIDTH = 32;\n","import { cn } from '@evolve.ui/theme-system';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { usePrevious } from '../../../../../hooks/usePrevious';\nimport { useWindowIsDesktop } from '../../../../../providers';\nimport { SHOW_CAROUSEL_PAGE_DURATION } from '../../../../automatedCarousel.types';\n\nconst MAX_PROGRESS_CAP = 100;\nconst PERCENT_CONVERSION = 100;\nexport const ANIMATION_STEP_DURATION = 100; // in milliseconds\n\nexport enum CarouselProgressBarUnitProgressState {\n    Past,\n    Current,\n    Future,\n}\n\ntype Props = {\n    isPausedOverride: boolean;\n    onClick: () => void;\n    onComplete: () => void;\n    page: number;\n    progressState: CarouselProgressBarUnitProgressState;\n};\n\nexport const CarouselProgressBarUnit = ({ isPausedOverride, onClick, onComplete, page, progressState }: Props) => {\n    const isDesktop = useWindowIsDesktop();\n\n    const animationStartTime = useRef(0);\n    const [progress, setProgress] = useState(progressState === CarouselProgressBarUnitProgressState.Past ? 100 : 0);\n    const isPaused = useRef(isPausedOverride);\n    const pausedTime = useRef(0);\n    const unpausedTime = useRef(0);\n    const [isComplete, setIsComplete] = useState(false);\n\n    const clearRunningInterval = useCallback(() => {\n        if (animationInterval.current) {\n            clearInterval(animationInterval.current);\n            animationInterval.current = null;\n        }\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            clearRunningInterval();\n        };\n    }, [clearRunningInterval]);\n\n    useEffect(() => {\n        if (isComplete) {\n            onComplete();\n            clearRunningInterval();\n        }\n    }, [clearRunningInterval, isComplete, onComplete]);\n\n    const animationInterval = useRef<ReturnType<typeof setInterval>>(null);\n\n    const runAnimation = useCallback(() => {\n        if (animationInterval.current) {\n            return;\n        }\n        animationInterval.current = setInterval(() => {\n            if (isPaused.current) {\n                return;\n            }\n            const now = Date.now();\n            let startTime = animationStartTime.current;\n            if (unpausedTime.current) {\n                const pauseDuration = unpausedTime.current - pausedTime.current;\n                startTime += pauseDuration;\n            }\n            const newProgress = ((now - startTime) / SHOW_CAROUSEL_PAGE_DURATION) * PERCENT_CONVERSION;\n            const cappedProgress = Math.min(newProgress, MAX_PROGRESS_CAP);\n            if (cappedProgress < MAX_PROGRESS_CAP) {\n                requestAnimationFrame(() => {\n                    setProgress(cappedProgress);\n                });\n            } else if (animationInterval.current) {\n                setIsComplete(true);\n            }\n        }, ANIMATION_STEP_DURATION);\n    }, []);\n\n    useEffect(() => {\n        if (progressState === CarouselProgressBarUnitProgressState.Current && !Boolean(animationStartTime.current)) {\n            unpausedTime.current = 0;\n            animationStartTime.current = Date.now();\n            runAnimation();\n        }\n    }, [progressState, runAnimation]);\n\n    useEffect(() => {\n        isPaused.current = isPausedOverride;\n        if (isPausedOverride) {\n            pausedTime.current = Date.now();\n            clearRunningInterval();\n        } else if (progressState === CarouselProgressBarUnitProgressState.Current) {\n            runAnimation();\n        }\n    }, [clearRunningInterval, isPausedOverride, progressState, runAnimation]);\n\n    const wasPaused = usePrevious(isPausedOverride);\n    useEffect(() => {\n        if (wasPaused && !isPausedOverride) {\n            unpausedTime.current = Date.now();\n        }\n    }, [isPausedOverride, wasPaused]);\n\n    const sharedStyles = 'h-[5px] rounded-lg';\n\n    if (!isDesktop) {\n        // This probably looks very weird. The initial impression you may have,\n        // looking at this code, is that the parent component should simply not\n        // render this component at all.\n        // BUT this unit component is running the animation to fill the bar that,\n        // when completed, will trigger the carousel to slide to the next card.\n        // \"Well, then,\" you say, smug look on your face, \"Why not have a duration\n        // in the parent component that handles the card switching?\"\n        // And that seems reasonable. In fact, that was how it worked in a previous\n        // iteration.\n        // HOWEVER, we still need to have the interval running here to update\n        // the progress bar animation. Which resulted in trying to manage and\n        // synchronize two intervals in two different places (actually more,\n        // given that there are multiple progress bars).\n        // As such, the easiest solution is to have the bar units finish their\n        // animation, alert the parent that they've completed, and then the parent\n        // slides to the next card and tells the next progress bar to start their\n        // animation.\n        // And THAT, dear reader, is why this implementation is the best solution\n        // for this component. It will make it a lot easier to maintain.\n        // I can assure you, with little hyperbole any other solution is\n        // more complex and will bring you nothing but weeks of absolutely\n        // frustrating development.\n        return;\n    }\n\n    return (\n        <div\n            aria-label={`Go to page #${page}`}\n            className={cn(sharedStyles, 'min-w-min max-w-lg hover:cursor-pointer', {\n                'bg-icon-disabled': progressState !== CarouselProgressBarUnitProgressState.Current,\n                'bg-primary-100': progressState === CarouselProgressBarUnitProgressState.Current,\n            })}\n            onClick={() => {\n                onClick();\n            }}\n            onKeyUp={({ key }) => {\n                if (key === 'Enter') {\n                    onClick();\n                }\n            }}\n            role=\"button\"\n            tabIndex={0}\n        >\n            <div\n                className={cn(\n                    sharedStyles,\n                    `bg-icon-info duration-${SHOW_CAROUSEL_PAGE_DURATION} w-[${progress}%] ease-linear`\n                )}\n                data-testid=\"carousel-progress-bar-unit\"\n                style={{ width: `${progress}%` }}\n            />\n        </div>\n    );\n};\n","import { ReactNode, useCallback, useEffect, useMemo } from 'react';\n\nimport { usePrevious } from '../../../hooks/usePrevious';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Pause, Play } from '../../../Icons';\nimport { useWindowIsDesktop } from '../../../providers';\nimport {\n    CarouselProgressBarUnit,\n    CarouselProgressBarUnitProgressState,\n} from './components/CarouselProgressBarUnit/CarouselProgressBarUnit';\n\ntype Props = {\n    /**\n     * If the user is scrolling/dragging freely, this is the page they're currently on\n     */\n    currentFreeScrollPage: number;\n    /**\n     * The current page of the carousel\n     */\n    currentPage: number;\n    /**\n     * Bring the slider to the selected page\n     * @param pageIndex Index of the page to view\n     */\n    goToPage: (pageIndex: number) => void;\n    /**\n     * If the parent determines the pause should be a certain state, we listen\n     */\n    isPaused: boolean;\n    /**\n     * Total number of pages\n     */\n    pageCount: number;\n    /**\n     * Called when the progress bar toggles the pause state\n     * @param isPaused\n     */\n    setPausedState: (isPaused: boolean) => void;\n    /**\n     * Changes the styling for the pause/play buttons to better reflect various backgrounds\n     */\n    style: 'primary' | 'inverse';\n};\n\nexport const CarouselProgressBar = ({\n    currentFreeScrollPage,\n    currentPage,\n    goToPage,\n    isPaused,\n    pageCount,\n    setPausedState,\n    style,\n}: Props) => {\n    const isDesktop = useWindowIsDesktop();\n    const previousPageCount = usePrevious(pageCount);\n\n    const pageBarUnits = useMemo(() => {\n        const currentPageInUse = isPaused ? currentFreeScrollPage : currentPage;\n        const units: ReactNode[] = [];\n\n        for (let i = 0; i < pageCount; i++) {\n            const onClickProgressBarUnit = () => {\n                goToPage(i);\n                setPausedState(true);\n            };\n\n            const onCompleteProgressBarUnit = () => {\n                goToPage((i + 1) % pageCount);\n            };\n\n            if (i < currentPageInUse) {\n                units.push(\n                    <CarouselProgressBarUnit\n                        isPausedOverride={isPaused}\n                        key={`page-bar-unit-past-${i}-past`}\n                        onClick={onClickProgressBarUnit}\n                        onComplete={onCompleteProgressBarUnit}\n                        page={i + 1}\n                        progressState={CarouselProgressBarUnitProgressState.Past}\n                    />\n                );\n            } else if (i === currentPageInUse) {\n                units.push(\n                    <CarouselProgressBarUnit\n                        isPausedOverride={isPaused}\n                        key={`page-bar-unit-current-${i}-current`}\n                        onClick={onClickProgressBarUnit}\n                        onComplete={onCompleteProgressBarUnit}\n                        page={i + 1}\n                        progressState={CarouselProgressBarUnitProgressState.Current}\n                    />\n                );\n            } else {\n                units.push(\n                    <CarouselProgressBarUnit\n                        isPausedOverride={isPaused}\n                        key={`page-bar-unit-future-${i}-future`}\n                        onClick={onClickProgressBarUnit}\n                        onComplete={onCompleteProgressBarUnit}\n                        page={i + 1}\n                        progressState={CarouselProgressBarUnitProgressState.Future}\n                    />\n                );\n            }\n        }\n        return units;\n    }, [currentFreeScrollPage, currentPage, goToPage, isPaused, pageCount, setPausedState]);\n\n    const togglePause = useCallback(() => {\n        setPausedState(!isPaused);\n    }, [isPaused, setPausedState]);\n\n    useEffect(() => {\n        if (pageCount !== previousPageCount) {\n            goToPage(0);\n            setPausedState(false);\n        }\n    }, [goToPage, pageCount, previousPageCount, setPausedState]);\n\n    return (\n        <div\n            className=\"mx-xl grid items-center gap-xs xsMax:m-0 xsMax:flex\"\n            style={{ gridTemplateColumns: `repeat(${pageCount + 1}, minmax(0, 32px))` }}\n        >\n            {pageBarUnits}\n            <div className=\"flex justify-center\">\n                <IconButton\n                    data-testid=\"automated-carousel-toggle-pause-button\"\n                    icon={isPaused ? Play : Pause}\n                    iconStyle=\"fill\"\n                    onClick={togglePause}\n                    size={isDesktop ? 'xs' : 'sm'}\n                    style={style}\n                    variant=\"filled\"\n                />\n            </div>\n        </div>\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { ComponentProps, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Carousel } from '../Carousel';\nimport { usePrevious } from '../hooks/usePrevious';\nimport { CarouselProgressBar } from './components/CarouselProgressBar/CarouselProgressBar';\n\ntype Props = Omit<\n    ComponentProps<typeof Carousel>,\n    'goToPage' | 'providePageCount' | 'selectedPage' | 'shouldGoToPageBreakpointsOnScrolling' | 'showPagination'\n> & {\n    /**\n     * If provided, the cards, barring the first card, will be offset so that some of the previous card will be shown on the left.\n     * This is best used for mobile carousels so that people can better see that they're in the middle of a carousel.\n     * It should be a positive number, representing a pixel amount.\n     * Gap size will be added to it, so make sure you aren't including it.\n     *\n     * @default 0\n     */\n    cardOffset?: number;\n    /**\n     * If provided, it's an estimate of the number of pages that will be rendered.\n     * It's only used before the initial page calculation is completed.\n     */\n    expectedPageCount?: number;\n    /**\n     * Are the cards taking up a full page of the carousel?\n     * This is used to use card counts to render the page-based sections of the carousel for SSR.\n     */\n    fullPage?: boolean;\n    /**\n     * If populated, the progress bar will be placed below the cards, rather than on top of the card content\n     */\n    progressBarGap?: 'sm' | 'md' | 'lg';\n    /**\n     * Changes the color of the pause/play buttons to better reflect various backgrounds\n     *\n     * @default = 'primary'\n     */\n    style?: 'primary' | 'inverse';\n};\n\nexport const AutomatedCarousel = ({\n    cardOffset = 0,\n    cards,\n    expectedPageCount,\n    fullPage = true,\n    progressBarGap,\n    style = 'primary',\n    title,\n    ...rest\n}: Props) => {\n    const [currentPage, setCurrentPage] = useState(0);\n    const [currentFreeScrollPage, setCurrentFreeScrollPage] = useState(0);\n\n    useEffect(() => {\n        setCurrentFreeScrollPage(currentPage);\n    }, [currentPage]);\n\n    const goToPageAndContinue: ComponentProps<typeof CarouselProgressBar>['goToPage'] = useCallback((newPage) => {\n        setCurrentPage(newPage);\n    }, []);\n\n    const goToPageAndPause: NonNullable<ComponentProps<typeof Carousel>['goToPage']> = useCallback(\n        ({ buttonDirection, oneBasedPageNumber }) => {\n            if (buttonDirection) {\n                setCurrentPage(currentFreeScrollPage + buttonDirection);\n            } else {\n                setCurrentPage(oneBasedPageNumber - 1);\n            }\n            setIsPaused(true);\n        },\n        [currentFreeScrollPage]\n    );\n\n    const getInitialPageCount = () => {\n        if (expectedPageCount !== undefined) {\n            return expectedPageCount;\n        }\n        return fullPage ? cards.length : 0;\n    };\n\n    const [numberOfPages, setNumberOfPages] = useState(getInitialPageCount());\n    const setPageCount: NonNullable<ComponentProps<typeof Carousel>['providePageCount']> = useCallback((pageCount) => {\n        setNumberOfPages(pageCount);\n    }, []);\n\n    useEffect(() => {\n        setNumberOfPages(getInitialPageCount());\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [fullPage, cards.length, expectedPageCount]);\n\n    const oneBasedCarouselPage = currentPage + 1;\n\n    const [isPaused, setIsPaused] = useState(true);\n    const wasPaused = usePrevious(isPaused);\n\n    const progressBarClassName = useMemo(() => {\n        if (Boolean(progressBarGap)) {\n            return `w-fit flex mx-auto mt-${progressBarGap}`;\n        }\n        // progress bar should render over card content\n        return cn(\n            'absolute bottom-lg left-0 flex w-full justify-center',\n            // MOBILE\n            'xsMax:bottom-xs xsMax:left-[calc(100%-38px)] xsMax:block xsMax:transition-all xsMax:duration-500'\n        );\n    }, [progressBarGap]);\n\n    const onScrollCarousel: NonNullable<ComponentProps<typeof Carousel>['onScroll']> = useCallback(\n        (currentScrollPage) => {\n            setCurrentFreeScrollPage(currentScrollPage);\n            setIsPaused(true);\n        },\n        []\n    );\n\n    useEffect(() => {\n        setIsPaused(!document.readyState);\n    }, []);\n\n    useEffect(() => {\n        if (isPaused && !wasPaused) {\n            setCurrentFreeScrollPage(currentPage);\n        } else if (!isPaused && wasPaused) {\n            setCurrentPage(currentFreeScrollPage);\n        }\n    }, [currentFreeScrollPage, currentPage, isPaused, wasPaused]);\n\n    return (\n        <section className=\"relative\">\n            <Carousel\n                cardOffset={cardOffset}\n                cards={cards}\n                fullPage={fullPage}\n                goToPage={goToPageAndPause}\n                onScroll={onScrollCarousel}\n                providePageCount={setPageCount}\n                selectedPage={oneBasedCarouselPage}\n                shouldGoToPageBreakpointsOnScrolling={!isPaused}\n                showPagination={false}\n                title={title}\n                {...rest}\n            />\n            {numberOfPages > 0 && (\n                <div\n                    className={progressBarClassName}\n                    data-testid={`${title}.automated-carousel.progress-bar-container`}\n                >\n                    <CarouselProgressBar\n                        currentFreeScrollPage={currentFreeScrollPage}\n                        currentPage={currentPage}\n                        goToPage={goToPageAndContinue}\n                        isPaused={isPaused}\n                        pageCount={numberOfPages}\n                        setPausedState={setIsPaused}\n                        style={style}\n                    />\n                </div>\n            )}\n        </section>\n    );\n};\n"],"mappings":"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"}

package/AutomatedCarousel-Dhr1za_D.d.cts

@@ -0,0 +1,48 @@
+import { t as Carousel } from "./index-NeSBj5ci.cjs";
+import { ComponentProps } from "react";
+
+//#region src/AutomatedCarousel/AutomatedCarousel.d.ts
+type Props = Omit<ComponentProps<typeof Carousel>, 'goToPage' | 'providePageCount' | 'selectedPage' | 'shouldGoToPageBreakpointsOnScrolling' | 'showPagination'> & {
+  /**
+   * If provided, the cards, barring the first card, will be offset so that some of the previous card will be shown on the left.
+   * This is best used for mobile carousels so that people can better see that they're in the middle of a carousel.
+   * It should be a positive number, representing a pixel amount.
+   * Gap size will be added to it, so make sure you aren't including it.
+   *
+   * @default 0
+   */
+  cardOffset?: number;
+  /**
+   * If provided, it's an estimate of the number of pages that will be rendered.
+   * It's only used before the initial page calculation is completed.
+   */
+  expectedPageCount?: number;
+  /**
+   * Are the cards taking up a full page of the carousel?
+   * This is used to use card counts to render the page-based sections of the carousel for SSR.
+   */
+  fullPage?: boolean;
+  /**
+   * If populated, the progress bar will be placed below the cards, rather than on top of the card content
+   */
+  progressBarGap?: 'sm' | 'md' | 'lg';
+  /**
+   * Changes the color of the pause/play buttons to better reflect various backgrounds
+   *
+   * @default = 'primary'
+   */
+  style?: 'primary' | 'inverse';
+};
+declare const AutomatedCarousel: ({
+  cardOffset,
+  cards,
+  expectedPageCount,
+  fullPage,
+  progressBarGap,
+  style,
+  title,
+  ...rest
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AutomatedCarousel as t };
+//# sourceMappingURL=AutomatedCarousel-Dhr1za_D.d.cts.map

package/AutomatedCarousel-Dhr1za_D.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomatedCarousel-Dhr1za_D.d.cts","names":[],"sources":["../src/AutomatedCarousel/AutomatedCarousel.tsx"],"mappings":";;;;KAOK,KAAA,GAAQ,IAAA,CACT,cAAA,QAAsB,QAAA;;AALa;;;;;;;EAgBnC,UAAA;EAZS;;;;EAiBT,iBAAA;EAKA;;;;EAAA,QAAA;EAaS;;;EATT,cAAA;EAS8B;;;;;EAH9B,KAAA;AAAA;AAAA,cAGS,iBAAA;EAAqB,UAAA;EAAA,KAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,cAAA;EAAA,KAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAS/B,KAAA,iCAAK,GAAA,CAAA,OAAA"}