@7shifts/sous-chef 4.1.0 → 4.2.0

package/dist/forms/PhoneField/CountrySelector/CountrySelector.d.ts

@@ -5,6 +5,7 @@ type Props = {
     onChange: (country: CountryCode) => void;
     hasError: boolean;
     disabled?: boolean;
+    priorityCountries?: CountryCode[];
 };
-declare const CountrySelector: ({ country, onChange, hasError, disabled }: Props) => React.JSX.Element;
+declare const CountrySelector: ({ country, onChange, hasError, disabled, priorityCountries }: Props) => React.JSX.Element;
 export default CountrySelector;

package/dist/forms/PhoneField/PhoneField.d.ts

@@ -17,6 +17,7 @@ export type Props = {
     testId?: string;
     disabledCountry?: boolean;
     defaultCountry?: CountryCode;
+    priorityCountries?: CountryCode[];
 };
-declare const PhoneField: ({ disabledCountry, ...props }: Props) => React.JSX.Element;
+declare const PhoneField: ({ disabledCountry, priorityCountries, ...props }: Props) => React.JSX.Element;
 export default PhoneField;

package/dist/index.js

@@ -18862,12 +18862,18 @@ var styles$9 = {"country-selector":"_VYs4A","country-selector--with-error":"_oSx
 
 var flagIcons = {"fi":"_wEQeh","fis":"_Z-kfc","fi-ac":"_amiP8","fi-ad":"_-Nycw","fi-ae":"_5zcAZ","fi-af":"_x-kp7","fi-ag":"_cfoi1","fi-ai":"_xoMS-","fi-al":"_am975","fi-am":"_0p-gD","fi-ao":"_l245N","fi-ar":"_xigkX","fi-as":"_fSczv","fi-at":"_tTeMy","fi-au":"_nSXvc","fi-aw":"_J3Dgu","fi-ax":"_PnU0s","fi-az":"_Hevuf","fi-ba":"_V-NYg","fi-bb":"_rdxaV","fi-bd":"_W3w35","fi-be":"_HXWpo","fi-bf":"_-xCW2","fi-bg":"_UuyPh","fi-bh":"_qYHkT","fi-bi":"_sfFeO","fi-bj":"_HcoBc","fi-bl":"_VvU29","fi-bm":"_DCtD1","fi-bn":"_QdHY3","fi-bo":"_Ayx7f","fi-bq":"_VfZGH","fi-br":"_HigIg","fi-bs":"_PWr-E","fi-bt":"_uFlIS","fi-bw":"_Mmoqr","fi-by":"_MKO28","fi-bz":"_HBn3o","fi-ca":"_wB3xX","fi-cc":"_oJEC5","fi-cd":"_C3RR8","fi-cf":"_ZVOZZ","fi-cg":"_Nk7Zr","fi-ch":"_9qTmx","fi-ci":"_4-gxn","fi-ck":"_YEK3x","fi-cl":"_-iNl4","fi-cm":"_UozRb","fi-cn":"_KsOEH","fi-co":"_ptSEc","fi-cr":"_92iwJ","fi-cu":"_D0k3p","fi-cv":"_O5oBT","fi-cw":"_82pI2","fi-cx":"_Eqg1T","fi-cy":"_740E8","fi-cz":"_483Iy","fi-de":"_Wla8X","fi-dj":"_Jm9gH","fi-dk":"_5QJuz","fi-dm":"_4lh-K","fi-do":"_Zvttl","fi-dz":"_-5iKJ","fi-ec":"_XMC0f","fi-ee":"_tZDe6","fi-eg":"_5USxE","fi-eh":"_rpC1Z","fi-er":"_Rhm4A","fi-es":"_QN2si","fi-et":"_2ihBN","fi-fi":"_2Lctq","fi-fj":"_ljZXm","fi-fk":"_Um9-A","fi-fm":"_mXG-Y","fi-fo":"_SemMo","fi-fr":"_MGcxf","fi-ga":"_aPt7H","fi-gb":"_2tU39","fi-gd":"_CPs5V","fi-ge":"_09VJF","fi-gf":"_7STtr","fi-gg":"_CUbGJ","fi-gh":"_mgJbd","fi-gi":"_mxhe5","fi-gl":"_gXogr","fi-gm":"_JHzzB","fi-gn":"_XJqm4","fi-gp":"_YnrVE","fi-gq":"_J47-w","fi-gr":"_5YAwo","fi-gt":"_PWFl-","fi-gu":"_ItzVX","fi-gw":"_hiRJc","fi-gy":"_oitDt","fi-hk":"_18FzB","fi-hn":"_5ySTg","fi-hr":"_rzYuT","fi-ht":"_Pq7or","fi-hu":"_-u5Ze","fi-id":"_m8GwW","fi-ie":"_pPEAu","fi-il":"_Butse","fi-im":"_wLEYj","fi-in":"_XY7D8","fi-io":"_iKM6K","fi-iq":"_iwLoJ","fi-ir":"_L1Gd1","fi-is":"_6XPDX","fi-it":"_JXv9-","fi-je":"_Qwjxj","fi-jm":"_qzNME","fi-jo":"_JqYXz","fi-jp":"_CakOC","fi-ke":"_Czyy6","fi-kg":"_6Yydv","fi-kh":"_zhLEc","fi-ki":"_qJxPJ","fi-km":"_KDmv4","fi-kn":"_n3xy0","fi-kp":"_voM9e","fi-kr":"_sErX2","fi-kw":"_kJUFk","fi-ky":"_Ensoj","fi-kz":"_JVpyw","fi-la":"_eVzpD","fi-lb":"_f400B","fi-lc":"_vhHp5","fi-li":"_cP76d","fi-lk":"_NGSeL","fi-lr":"_yIHm7","fi-ls":"_Kj-GJ","fi-lt":"_VTK9E","fi-lu":"_N4PHA","fi-lv":"_d-ZWR","fi-ly":"_49dYi","fi-ma":"_Iqggh","fi-mc":"_QQY-Q","fi-md":"_e7v9L","fi-me":"_WqN7P","fi-mf":"_4Exh-","fi-mg":"_W-d9O","fi-mh":"_3xTQ7","fi-mk":"_O26qm","fi-ml":"_hiLpW","fi-mm":"_QGh12","fi-mn":"_KNLNH","fi-mo":"_Kdw-k","fi-mp":"_CTkAK","fi-mq":"_MzLKJ","fi-mr":"_sjQHJ","fi-ms":"_ENTOn","fi-mt":"_GoKtf","fi-mu":"_WLc98","fi-mv":"_08Tf4","fi-mw":"_MvAGM","fi-mx":"_FPDND","fi-my":"_1xoF6","fi-mz":"_ylwZy","fi-na":"_-pxPH","fi-nc":"_W-Ot-","fi-ne":"_EOA-X","fi-nf":"_W5Kl5","fi-ng":"_q76Cs","fi-ni":"_AuKsI","fi-nl":"_qLIaU","fi-no":"_xbcrX","fi-np":"_FQt4h","fi-nr":"_jJbHx","fi-nu":"_TSamx","fi-nz":"_AzsKY","fi-om":"_TUoW9","fi-pa":"_jCT-C","fi-pe":"_VMnoV","fi-pf":"_Gblvx","fi-pg":"_FLRnq","fi-ph":"_0RSGR","fi-pk":"_DfZCd","fi-pl":"_hv9I4","fi-pm":"_IDp3q","fi-pr":"_2MHj1","fi-ps":"_0FLpC","fi-pt":"_p--cH","fi-pw":"_VP-zx","fi-py":"_-Tnic","fi-qa":"_Dy7Il","fi-re":"_7N5ED","fi-ro":"_4AYwa","fi-rs":"_Y-a4O","fi-ru":"_OKa79","fi-rw":"_bBqN1","fi-sa":"_vFwuG","fi-sb":"_MMmc2","fi-sc":"_ZUM8E","fi-sd":"_9k8eB","fi-se":"_cX0c9","fi-sg":"_4-yWs","fi-sh":"_-vaPR","fi-si":"_9oJgu","fi-sj":"_J0R6u","fi-sk":"_1VxbX","fi-sl":"_RiBAA","fi-sm":"_rEaFc","fi-sn":"_PRwVO","fi-so":"_XKFdC","fi-sr":"_LtiS3","fi-ss":"_45mng","fi-st":"_OtIks","fi-sv":"_OonsM","fi-sx":"_NtzDE","fi-sy":"_Ail2H","fi-sz":"_8XRyD","fi-ta":"_GQvZn","fi-tc":"_SbD-E","fi-td":"_AnXAO","fi-tg":"_smamZ","fi-th":"_AVcL5","fi-tj":"_EqMlf","fi-tk":"_20VO7","fi-tl":"_jz9hm","fi-tm":"_kmmny","fi-tn":"_9aBQ-","fi-to":"_G63l0","fi-tr":"_6shnc","fi-tt":"_P5fq4","fi-tv":"_b7SpV","fi-tw":"_jwNjI","fi-tz":"_qtU8x","fi-ua":"_bNAHa","fi-ug":"_-G-iW","fi-us":"_xwz53","fi-uy":"_DpeX8","fi-uz":"_kSABK","fi-va":"_VOSWl","fi-vc":"_X-aU3","fi-ve":"_FiFnt","fi-vg":"_d66Ny","fi-vi":"_6kM5U","fi-vn":"_ikRJo","fi-vu":"_5XaHH","fi-wf":"_ZEJXX","fi-ws":"_IzR7c","fi-xk":"_88V52","fi-ye":"_2Dwap","fi-yt":"_kQ0fh","fi-za":"_XzYDs","fi-zm":"_mA8wn","fi-zw":"_iIsuB"};
 
+var DEFAULT_PRIORITY_COUNTRIES = ['US', 'CA'];
 var CountrySelector = function CountrySelector(_ref) {
   var _classNames, _classNames2;
   var country = _ref.country,
     onChange = _ref.onChange,
     hasError = _ref.hasError,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    _ref$priorityCountrie = _ref.priorityCountries,
+    priorityCountries = _ref$priorityCountrie === void 0 ? DEFAULT_PRIORITY_COUNTRIES : _ref$priorityCountrie;
+  var resolvedPriorityCountries = [country].concat(priorityCountries).filter(function (code, index, arr) {
+    return arr.indexOf(code) === index && code in COUNTRIES;
+  });
   return React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$9['country-selector'], (_classNames = {}, _classNames[styles$9['country-selector--with-error']] = hasError, _classNames[styles$9['country-selector--disabled']] = disabled, _classNames))
   }, React__default["default"].createElement(Dropdown, {
@@ -18877,14 +18883,26 @@ var CountrySelector = function CountrySelector(_ref) {
       space: 8,
       alignItems: "center"
     }, React__default["default"].createElement("span", {
-      className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLocaleLowerCase()], styles$9['country-selector__trigger-flag'])
+      className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$9['country-selector__trigger-flag'])
     }), React__default["default"].createElement(IconChevronDown, {
       color: "currentColor",
       size: "medium"
     }))),
     maxHeight: 300,
     alignment: "left"
-  }, React__default["default"].createElement(DropdownList, null, COUNTRY_CODES.map(function (countryCode) {
+  }, React__default["default"].createElement(DropdownList, null, resolvedPriorityCountries.map(function (countryCode) {
+    return React__default["default"].createElement(DropdownListItem, {
+      onClick: function onClick() {
+        return onChange(countryCode);
+      },
+      key: "priority-" + countryCode
+    }, React__default["default"].createElement(Inline, {
+      alignItems: "center",
+      space: 12
+    }, React__default["default"].createElement("span", {
+      className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$9['country-selector__flag'])
+    }), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
+  }), React__default["default"].createElement(DropdownListDivider, null), COUNTRY_CODES.map(function (countryCode) {
     return React__default["default"].createElement(DropdownListItem, {
       onClick: function onClick() {
         return onChange(countryCode);
@@ -18894,16 +18912,17 @@ var CountrySelector = function CountrySelector(_ref) {
       alignItems: "center",
       space: 12
     }, React__default["default"].createElement("span", {
-      className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLocaleLowerCase()], styles$9['country-selector__flag'])
+      className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$9['country-selector__flag'])
     }), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
   }))));
 };
 
-var _excluded$aY = ["disabledCountry"];
+var _excluded$aY = ["disabledCountry", "priorityCountries"];
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
+    priorityCountries = _ref.priorityCountries,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$aY);
   var __ = useTranslation('PhoneField');
   var inputRef = React.useRef(null);
@@ -18972,7 +18991,8 @@ var PhoneField = function PhoneField(_ref) {
     country: selectedCountry,
     onChange: handleCountryChange,
     hasError: Boolean(fieldProps.error),
-    disabled: inputProps.disabled
+    disabled: inputProps.disabled,
+    priorityCountries: priorityCountries
   }), React__default["default"].createElement(AffixContainer, {
     prefix: disabledCountry ? React__default["default"].createElement(Inline, {
       space: 4,