ouisys-component-library 0.0.5 → 0.0.10

package/build/index.css

@@ -1,2 +1,2 @@
-.Disclaimers-module_wrapper__yyrGN{background-color:red}.Input-module_wrapper__bzo7K input,.Input-module_wrapper__bzo7K select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]:hover{background-color:#45a049}.Input-module_wrapper__bzo7K .Input-module_error__rkwNz{color:red}
+.Disclaimers-module_wrapper__yyrGN{background-color:red}.Input-module_wrapper__bzo7K input,.Input-module_wrapper__bzo7K select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]:hover{background-color:#45a049}.Input-module_wrapper__bzo7K .Input-module_error__rkwNz{color:red}.Select-module_wrapper__FuUXB input,.Select-module_wrapper__FuUXB select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]:hover{background-color:#45a049}.Select-module_wrapper__FuUXB .Select-module_error__GpAw6{color:red}
 /*# sourceMappingURL=index.css.map */

package/build/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Disclaimers.module.scss","Input.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB,CCDzB,uEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,gDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,sDACE,wBAA2B,CAE7B,wDACE,SAAY","file":"index.css","sourcesContent":[".wrapper {\n  background-color: red; }\n",".wrapper input,\n.wrapper select {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n  width: 100%;\n  background-color: #4caf50;\n  color: white;\n  padding: 14px 20px;\n  margin: 8px 0;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n  background-color: #45a049; }\n\n.wrapper .error {\n  color: red; }\n"]}
+{"version":3,"sources":["Disclaimers.module.scss","Input.module.scss","Select.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB,CCDzB,uEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,gDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,sDACE,wBAA2B,CAE7B,wDACE,SAAY,CCxBd,yEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,iDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,uDACE,wBAA2B,CAE7B,0DACE,SAAY","file":"index.css","sourcesContent":[".wrapper {\n  background-color: red; }\n",".wrapper input,\n.wrapper select {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n  width: 100%;\n  background-color: #4caf50;\n  color: white;\n  padding: 14px 20px;\n  margin: 8px 0;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n  background-color: #45a049; }\n\n.wrapper .error {\n  color: red; }\n",".wrapper input,\n.wrapper select {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n  width: 100%;\n  background-color: #4caf50;\n  color: white;\n  padding: 14px 20px;\n  margin: 8px 0;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n  background-color: #45a049; }\n\n.wrapper .error {\n  color: red; }\n"]}

package/build/index.d.ts

@@ -56,6 +56,12 @@ interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
     type: InputType;
     placeholder?: string;
     error?: string;
+    iconPosition?: InputIconPosition;
+    size?: InputSize;
+    clearable?: boolean;
+    mask?: InputMaskTypes;
+    children?: React.Component;
+    hint?: string;
     dataQaId?: string;
     disabled?: boolean;
     readOnly?: boolean;
@@ -74,8 +80,20 @@ declare enum InputType {
     Telephone = "tel",
     URL = "url"
 }
+declare enum InputSize {
+    Medium = "Medium",
+    Large = "Large"
+}
+declare enum InputIconPosition {
+    Left = "Left",
+    Right = "Right"
+}
+declare enum InputMaskTypes {
+    Telephone = "telephone",
+    CreditCard = "credit_card"
+}
 
-declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, ...props }: InputProps): JSX.Element;
+declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, size, onChange, ...props }: InputProps): JSX.Element;
 
 interface IHash {
     [key: string]: string;
@@ -88,6 +106,30 @@ declare function IntlProvider({ locale, messages, children }: {
 declare function injectIntl(Child: React$1.ComponentType<any>): (props: any) => JSX.Element;
 declare function defineMessages(messageDescriptors: any): any;
 
+declare type IOptInFlowName = 'Block' | 'Click to sms' | 'Hybrid Pin' | 'Msisdn to sms' | 'Not available' | 'Pin' | 'Redirect' | 'To be determined' | 'USSD' | '3G click';
+declare type ITracker = {
+    advancedInFlow: (flow: string, action: string, args?: any) => void;
+    advancedInPreFlow: (label: string, args?: any) => void;
+    recedeInFlow: (flow: string, newState: string, args?: any) => void;
+    customEvent: (category: string, action: string, label: string, arg?: any) => void;
+    sendOptInFlowEvent: (optInFlowName: IOptInFlowName) => void;
+};
+
+declare type typeLanguageSwitcherOptions = {
+    value: string;
+    label: string;
+};
+interface interfaceLanguageSwitcher {
+    locale: string;
+    switchLang: (lang: string) => void;
+    options: Array<typeLanguageSwitcherOptions>;
+    className?: string;
+    dataQaId?: string;
+    tracker: ITracker;
+}
+
+declare function LanguageSwitcher({ locale, switchLang, options, className, dataQaId, tracker }: interfaceLanguageSwitcher): JSX.Element | null;
+
 declare type IKeywordShortcode = {
     keyword: string;
     shortcode: string;
@@ -111,6 +153,34 @@ interface PricePointProps {
 
 declare function PricePoint({ locale, className, legals, flow, dataQaId, operator }: PricePointProps): JSX.Element;
 
+interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+    value: string;
+    label?: string;
+    onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    type?: SelectType;
+    placeholder?: string;
+    error?: string;
+    dataQaId?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrapperClassName?: string;
+    options?: SelectOption[];
+    onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    firstOptionText?: string;
+}
+interface SelectOption {
+    value: string;
+    label: string;
+}
+declare enum SelectType {
+    Country = "country"
+}
+
+declare function Select({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, options, firstOptionText, ...props }: SelectProps): JSX.Element;
+
 interface TopLegalsProps {
     locale: string;
     legals: Array<ILegals>;
@@ -121,4 +191,4 @@ interface TopLegalsProps {
 
 declare function TopLegals({ locale, className, legals, flow, dataQaId }: TopLegalsProps): JSX.Element;
 
-export { Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, MOLink, PricePoint, TopLegals, defineMessages, injectIntl };
+export { Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, LanguageSwitcher, MOLink, PricePoint, Select, SelectType, TopLegals, defineMessages, injectIntl };

package/build/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("react"),a=require("tslib");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var o=r(e),i=r(t),c=n(t),s="Disclaimers-module_wrapper__yyrGN";var l,d,u,m,f="Input-module_wrapper__bzo7K",p="Input-module_error__rkwNz";exports.InputType=void 0,(l=exports.InputType||(exports.InputType={})).Text="text",l.Number="number",l.Email="email",l.Password="password",l.Search="search",l.Telephone="tel",l.URL="url",function(e){e.Medium="Medium",e.Large="Large"}(d||(d={})),function(e){e.Left="Left",e.Right="Right"}(u||(u={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(m||(m={}));var v=c.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,t){return e.id,e.defaultMessage,""}}});function g(e){return e}exports.defineMessages=g;var _=function(e,t){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?t?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)};exports.Disclaimers=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,c=e.flow,l=e.dataQaId,d=void 0===l?"disclaimers":l,u=e.mcc,m=void 0===u?"":u,f=n.filter((function(e){return e.flow===c})),p=(c?f:n).reduce((function(e,t){return e[t.language]=t,e}),{}),v=(p[t]||"").disclaimer,g=(p[t]||"").mcc_disclaimer;return i.default.createElement("div",{"data-qa-id":d,className:o.default(s,r)},g&&m&&i.default.createElement("div",{dangerouslySetInnerHTML:{__html:g[m.toLowerCase()]}})||i.default.createElement("div",{dangerouslySetInnerHTML:{__html:v}})," ")},exports.ExtraDisclaimers=function(e){var t=e.locale,a=e.className,r=e.legals,n=e.flow,o=e.dataQaId,i=void 0===o?"extra-disclaimers-":o,s=r.filter((function(e){return e.flow===n})),l=((n&&!process.env.scenario?s:r).reduce((function(e,t){return e[t.language]=t,e}),{})[t]||"").extra_disclaimer;return c.createElement("div",{"data-qa-id":i,className:a},c.createElement("div",{dangerouslySetInnerHTML:{__html:l}}))},exports.Input=function(e){var t=e.wrapperClassName,r=void 0===t?"":t,n=e.dataQaId,i=void 0===n?"input-":n,s=e.id,l=e.value,d=e.placeholder,u=e.disabled,m=e.readOnly,v=e.error,g=e.type,_=e.onChange,y=a.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange"]);return c.createElement("div",{className:o.default(f,r)},c.createElement("input",a.__assign({"data-testid":i,name:s,id:s,value:l,placeholder:d,disabled:u,readOnly:m,onChange:_,type:g},y)),v&&c.createElement("div",{className:p},v))},exports.IntlProvider=function(e){var t=e.locale,a=e.messages,r=e.children;return c.createElement(v.Provider,{value:{locale:t,messages:a,intl:{formatMessage:function(e,t){var r=e.id,n=e.defaultMessage,o=a&&a[r]?a[r]:n||"";if(t){var i=Object.keys(t);Array.isArray(i)&&i.map((function(e){var a=o.replace("{".concat(e,"}"),t[e]);o=a}))}return o}}}},r)},exports.MOLink=function(e){var t=e.keywordAndShortcode,r=e.className,n=e.dataQaId,o=void 0===n?"mo-link":n,i=e.children,s=a.__rest(e,["keywordAndShortcode","className","dataQaId","children"]);return c.createElement("a",a.__assign({href:_(t),className:r,"data-qa-id":o},s),i)},exports.PricePoint=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,o=e.flow,i=e.dataQaId,s=void 0===i?"price-point":i,l=e.operator,d=n.filter((function(e){return e.flow===o})),u=(o?d:n).reduce((function(e,t){return e[t.language]=t,e}),{}),m=(u[t]||"").price_point,f=(u[t]||"").operator_price_point;return c.createElement("div",{"data-qa-id":s,className:r||""},f&&l&&c.createElement("div",{dangerouslySetInnerHTML:{__html:f[l.toUpperCase()]}})||c.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))},exports.TopLegals=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,o=e.flow,i=e.dataQaId,s=void 0===i?"top-legals-":i,l=n.filter((function(e){return e.flow===o})),d=((o?l:n).reduce((function(e,t){return e[t.language]=t,e}),{})[t]||"").top_legal;return c.createElement("div",{"data-qa-id":s,className:r},c.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.defineMessages=g,exports.injectIntl=function(e){return function(t){return c.createElement(v.Consumer,null,(function(r){var n=r.intl;return c.createElement(e,a.__assign({},t,{intl:n}))}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),a=require("react"),n=require("tslib");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),a.default=e,Object.freeze(a)}var i=t(e),o=t(a),l=r(a),s="Disclaimers-module_wrapper__yyrGN";var c,d,u,m,p="Input-module_wrapper__bzo7K",g="Input-module_error__rkwNz";exports.InputType=void 0,(c=exports.InputType||(exports.InputType={})).Text="text",c.Number="number",c.Email="email",c.Password="password",c.Search="search",c.Telephone="tel",c.URL="url",function(e){e.Medium="Medium",e.Large="Large"}(d||(d={})),function(e){e.Left="Left",e.Right="Right"}(u||(u={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(m||(m={}));var v=l.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,a){return e.id,e.defaultMessage,""}}});function f(e){return e}exports.defineMessages=f;var S=[{value:"en",label:"English"},{value:"ar",label:"عربى"}];var h=function(e,a){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?a?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)};var M,y="Select-module_wrapper__FuUXB",b="Select-module_error__GpAw6";exports.SelectType=void 0,(exports.SelectType||(exports.SelectType={})).Country="country",function(e){e.Medium="Medium",e.Large="Large"}(M||(M={}));var C={GB:"United Kingdom",US:"United States",AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Congo Democratic Republic",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote Divoire",HR:"Croatia",CU:"Cuba",CW:"Curaçao",CY:"Cyprus",CZ:"CzechRepublic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea Bissau",GY:"Guyana",HT:"Haiti",VA:"Vatican City",HN:"Honduras",HK:"HongKong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KR:"Korea, Republic of",KP:"Korea, Democratic People's Republic of",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Laos",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia",MD:"Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",MKD:"Macedonia",RO:"Romania",RW:"Rwanda",SH:"Saint Helena",LC:"Saint Lucia",MF:"Saint Martin",PM:"Saint Pierre And Miquelon",WS:"Samoa",SM:"San Marino",ST:"Sao Tome And Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SS:"South Sudan",SR:"Suriname",SJ:"Svalbard And Jan Mayen",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SX:"Sint Maarten (Dutch part)",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad And Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",UM:"United States Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands British",VI:"Virgin Islands US",WF:"Wallis And Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"};exports.Disclaimers=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,l=e.flow,c=e.dataQaId,d=void 0===c?"disclaimers":c,u=e.mcc,m=void 0===u?"":u,p=r.filter((function(e){return e.flow===l})),g=(l?p:r).reduce((function(e,a){return e[a.language]=a,e}),{}),v=(g[a]||"").disclaimer,f=(g[a]||"").mcc_disclaimer;return o.default.createElement("div",{"data-qa-id":d,className:i.default(s,t)},f&&m&&o.default.createElement("div",{dangerouslySetInnerHTML:{__html:f[m.toLowerCase()]}})||o.default.createElement("div",{dangerouslySetInnerHTML:{__html:v}})," ")},exports.ExtraDisclaimers=function(e){var a=e.locale,n=e.className,t=e.legals,r=e.flow,i=e.dataQaId,o=void 0===i?"extra-disclaimers-":i,s=t.filter((function(e){return e.flow===r})),c=((r&&!process.env.scenario?s:t).reduce((function(e,a){return e[a.language]=a,e}),{})[a]||"").extra_disclaimer;return l.createElement("div",{"data-qa-id":o,className:n},l.createElement("div",{dangerouslySetInnerHTML:{__html:c}}))},exports.Input=function(e){var a=e.wrapperClassName,t=void 0===a?"":a,r=e.dataQaId,o=void 0===r?"input-":r,s=e.id,c=e.value,d=e.placeholder,u=e.disabled,m=e.readOnly,v=e.error,f=e.type,S=e.size,h=e.onChange,M=n.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return l.createElement("div",{className:i.default(p,t)},M.label&&""!==M.label&&l.createElement("label",{"data-testid":"".concat(o,"-label"),htmlFor:s},M.label),l.createElement("input",n.__assign({"data-testid":o,name:s,id:s,value:c,placeholder:d,disabled:u,readOnly:m,onChange:h,type:f,size:parseInt(S||"",10)},M)),v&&l.createElement("div",{className:g},v))},exports.IntlProvider=function(e){var a=e.locale,n=e.messages,t=e.children;return l.createElement(v.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,a){var t=e.id,r=e.defaultMessage,i=n&&n[t]?n[t]:r||"";if(a){var o=Object.keys(a);Array.isArray(o)&&o.map((function(e){var n=i.replace("{".concat(e,"}"),a[e]);i=n}))}return i}}}},t)},exports.LanguageSwitcher=function(e){var a=e.locale,n=e.switchLang,t=e.options,r=void 0===t?S:t,i=e.className,l=e.dataQaId,s=void 0===l?"language-switcher":l,c=e.tracker,d=r[0],u=r[1],m=a===u.value;return r.length>2?o.default.createElement("select",{id:"languageSwitcher",className:"languageSwitcher ".concat(i),"data-qa-id":s,value:a,onChange:function(e){var a=e.target.value;c.customEvent("language","change","change language",{locale:a}),n(a)}},r.map((function(e){var a=e.value,n=e.label;return o.default.createElement("option",{key:a,value:a},n)}))):2===r.length?o.default.createElement("button",{type:"button",id:"languageSwitcher",className:"languageSwitcher ".concat(i),"data-qa-id":s,onClick:function(){var e=m?d.value:u.value;c.customEvent("language","change","change language",{locale:e}),n(e)}},m?d.label:u.label):null},exports.MOLink=function(e){var a=e.keywordAndShortcode,t=e.className,r=e.dataQaId,i=void 0===r?"mo-link":r,o=e.children,s=n.__rest(e,["keywordAndShortcode","className","dataQaId","children"]);return l.createElement("a",n.__assign({href:h(a),className:t,"data-qa-id":i},s),o)},exports.PricePoint=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,i=e.flow,o=e.dataQaId,s=void 0===o?"price-point":o,c=e.operator,d=r.filter((function(e){return e.flow===i})),u=(i?d:r).reduce((function(e,a){return e[a.language]=a,e}),{}),m=(u[a]||"").price_point,p=(u[a]||"").operator_price_point;return l.createElement("div",{"data-qa-id":s,className:t||""},p&&c&&l.createElement("div",{dangerouslySetInnerHTML:{__html:p[c.toUpperCase()]}})||l.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))},exports.Select=function(e){var a=e.wrapperClassName,t=void 0===a?"":a,r=e.dataQaId,o=void 0===r?"select-":r,s=e.id,c=e.value,d=e.placeholder,u=e.disabled;e.readOnly;var m=e.error,p=e.type,g=e.onChange,v=e.options,f=void 0===v?[{value:"",label:""}]:v,S=e.firstOptionText,h=n.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return l.createElement("div",{className:i.default(y,t)},h.label&&""!==h.label&&l.createElement("label",{"data-testid":"".concat(o,"-label"),htmlFor:s},h.label),l.createElement("select",n.__assign({"data-testid":o,name:s,id:s,value:c,placeholder:d,disabled:u,onChange:g},h),S&&l.createElement("option",null,S),p===exports.SelectType.Country&&Object.keys(C).map((function(e){return l.createElement("option",{value:e},C[e])}))||f.map((function(e){return l.createElement("option",{value:e.value},e.label)}))),m&&l.createElement("div",{className:b},m))},exports.TopLegals=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,i=e.flow,o=e.dataQaId,s=void 0===o?"top-legals-":o,c=r.filter((function(e){return e.flow===i})),d=((i?c:r).reduce((function(e,a){return e[a.language]=a,e}),{})[a]||"").top_legal;return l.createElement("div",{"data-qa-id":s,className:t},l.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.defineMessages=f,exports.injectIntl=function(e){return function(a){return l.createElement(v.Consumer,null,(function(t){var r=t.intl;return l.createElement(e,n.__assign({},a,{intl:r}))}))}};
 //# sourceMappingURL=index.js.map

package/build/index.mjs

@@ -1,2 +1,2 @@
-import e from"classnames";import*as a from"react";import t from"react";import{__rest as r,__assign as n}from"tslib";var o="Disclaimers-module_wrapper__yyrGN";function i(a){var r=a.locale,n=a.className,i=void 0===n?"":n,c=a.legals,l=a.flow,d=a.dataQaId,s=void 0===d?"disclaimers":d,u=a.mcc,m=void 0===u?"":u,f=c.filter((function(e){return e.flow===l})),v=(l?f:c).reduce((function(e,a){return e[a.language]=a,e}),{}),p=(v[r]||"").disclaimer,g=(v[r]||"").mcc_disclaimer;return t.createElement("div",{"data-qa-id":s,className:e(o,i)},g&&m&&t.createElement("div",{dangerouslySetInnerHTML:{__html:g[m.toLowerCase()]}})||t.createElement("div",{dangerouslySetInnerHTML:{__html:p}})," ")}function c(e){var t=e.locale,r=e.className,n=e.legals,o=e.flow,i=e.dataQaId,c=void 0===i?"extra-disclaimers-":i,l=n.filter((function(e){return e.flow===o})),d=o&&!process.env.scenario?l:n,s=(d.reduce((function(e,a){return e[a.language]=a,e}),{})[t]||"").extra_disclaimer;return a.createElement("div",{"data-qa-id":c,className:r},a.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}var l,d,s,u,m="Input-module_wrapper__bzo7K",f="Input-module_error__rkwNz";function v(t){var o=t.wrapperClassName,i=void 0===o?"":o,c=t.dataQaId,l=void 0===c?"input-":c,d=t.id,s=t.value,u=t.placeholder,v=t.disabled,p=t.readOnly,g=t.error,w=t.type,h=t.onChange,y=r(t,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange"]);return a.createElement("div",{className:e(m,i)},a.createElement("input",n({"data-testid":l,name:d,id:d,value:s,placeholder:u,disabled:v,readOnly:p,onChange:h,type:w},y)),g&&a.createElement("div",{className:f},g))}!function(e){e.Text="text",e.Number="number",e.Email="email",e.Password="password",e.Search="search",e.Telephone="tel",e.URL="url"}(l||(l={})),function(e){e.Medium="Medium",e.Large="Large"}(d||(d={})),function(e){e.Left="Left",e.Right="Right"}(s||(s={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(u||(u={}));var p=a.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,a){return e.id,e.defaultMessage,""}}});function g(e){var t=e.locale,r=e.messages,n=e.children;return a.createElement(p.Provider,{value:{locale:t,messages:r,intl:{formatMessage:function(e,a){var t=e.id,n=e.defaultMessage,o=r&&r[t]?r[t]:n||"";if(a){var i=Object.keys(a);Array.isArray(i)&&i.map((function(e){var t=o.replace("{".concat(e,"}"),a[e]);o=t}))}return o}}}},n)}function w(e){return function(t){return a.createElement(p.Consumer,null,(function(r){var o=r.intl;return a.createElement(e,n({},t,{intl:o}))}))}}function h(e){return e}exports.defineMessages=h;var y=function(e,a){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?a?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)},_=function(e){var t=e.keywordAndShortcode,o=e.className,i=e.dataQaId,c=void 0===i?"mo-link":i,l=e.children,d=r(e,["keywordAndShortcode","className","dataQaId","children"]);return a.createElement("a",n({href:y(t),className:o,"data-qa-id":c},d),l)};function E(e){var t=e.locale,r=e.className,n=void 0===r?"":r,o=e.legals,i=e.flow,c=e.dataQaId,l=void 0===c?"price-point":c,d=e.operator,s=o.filter((function(e){return e.flow===i})),u=(i?s:o).reduce((function(e,a){return e[a.language]=a,e}),{}),m=(u[t]||"").price_point,f=(u[t]||"").operator_price_point;return a.createElement("div",{"data-qa-id":l,className:n||""},f&&d&&a.createElement("div",{dangerouslySetInnerHTML:{__html:f[d.toUpperCase()]}})||a.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))}function N(e){var t=e.locale,r=e.className,n=void 0===r?"":r,o=e.legals,i=e.flow,c=e.dataQaId,l=void 0===c?"top-legals-":c,d=o.filter((function(e){return e.flow===i})),s=((i?d:o).reduce((function(e,a){return e[a.language]=a,e}),{})[t]||"").top_legal;return a.createElement("div",{"data-qa-id":l,className:n},a.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}export{i as Disclaimers,c as ExtraDisclaimers,v as Input,l as InputType,g as IntlProvider,_ as MOLink,E as PricePoint,N as TopLegals,h as defineMessages,w as injectIntl};
+import a from"classnames";import*as e from"react";import n from"react";import{__rest as r,__assign as t}from"tslib";var i="Disclaimers-module_wrapper__yyrGN";function o(e){var r=e.locale,t=e.className,o=void 0===t?"":t,l=e.legals,c=e.flow,d=e.dataQaId,s=void 0===d?"disclaimers":d,u=e.mcc,m=void 0===u?"":u,g=l.filter((function(a){return a.flow===c})),p=(c?g:l).reduce((function(a,e){return a[e.language]=e,a}),{}),v=(p[r]||"").disclaimer,h=(p[r]||"").mcc_disclaimer;return n.createElement("div",{"data-qa-id":s,className:a(i,o)},h&&m&&n.createElement("div",{dangerouslySetInnerHTML:{__html:h[m.toLowerCase()]}})||n.createElement("div",{dangerouslySetInnerHTML:{__html:v}})," ")}function l(a){var n=a.locale,r=a.className,t=a.legals,i=a.flow,o=a.dataQaId,l=void 0===o?"extra-disclaimers-":o,c=t.filter((function(a){return a.flow===i})),d=i&&!process.env.scenario?c:t,s=(d.reduce((function(a,e){return a[e.language]=e,a}),{})[n]||"").extra_disclaimer;return e.createElement("div",{"data-qa-id":l,className:r},e.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}var c,d,s,u,m="Input-module_wrapper__bzo7K",g="Input-module_error__rkwNz";function p(n){var i=n.wrapperClassName,o=void 0===i?"":i,l=n.dataQaId,c=void 0===l?"input-":l,d=n.id,s=n.value,u=n.placeholder,p=n.disabled,v=n.readOnly,h=n.error,S=n.type,M=n.size,f=n.onChange,b=r(n,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return e.createElement("div",{className:a(m,o)},b.label&&""!==b.label&&e.createElement("label",{"data-testid":"".concat(c,"-label"),htmlFor:d},b.label),e.createElement("input",t({"data-testid":c,name:d,id:d,value:s,placeholder:u,disabled:p,readOnly:v,onChange:f,type:S,size:parseInt(M||"",10)},b)),h&&e.createElement("div",{className:g},h))}!function(a){a.Text="text",a.Number="number",a.Email="email",a.Password="password",a.Search="search",a.Telephone="tel",a.URL="url"}(c||(c={})),function(a){a.Medium="Medium",a.Large="Large"}(d||(d={})),function(a){a.Left="Left",a.Right="Right"}(s||(s={})),function(a){a.Telephone="telephone",a.CreditCard="credit_card"}(u||(u={}));var v=e.createContext({locale:"en",messages:{},intl:{formatMessage:function(a,e){return a.id,a.defaultMessage,""}}});function h(a){var n=a.locale,r=a.messages,t=a.children;return e.createElement(v.Provider,{value:{locale:n,messages:r,intl:{formatMessage:function(a,e){var n=a.id,t=a.defaultMessage,i=r&&r[n]?r[n]:t||"";if(e){var o=Object.keys(e);Array.isArray(o)&&o.map((function(a){var n=i.replace("{".concat(a,"}"),e[a]);i=n}))}return i}}}},t)}function S(a){return function(n){return e.createElement(v.Consumer,null,(function(r){var i=r.intl;return e.createElement(a,t({},n,{intl:i}))}))}}function M(a){return a}exports.defineMessages=M;var f=[{value:"en",label:"English"},{value:"ar",label:"عربى"}];function b(a){var e=a.locale,r=a.switchLang,t=a.options,i=void 0===t?f:t,o=a.className,l=a.dataQaId,c=void 0===l?"language-switcher":l,d=a.tracker,s=i[0],u=i[1],m=e===u.value;return i.length>2?n.createElement("select",{id:"languageSwitcher",className:"languageSwitcher ".concat(o),"data-qa-id":c,value:e,onChange:function(a){var e=a.target.value;d.customEvent("language","change","change language",{locale:e}),r(e)}},i.map((function(a){var e=a.value,r=a.label;return n.createElement("option",{key:e,value:e},r)}))):2===i.length?n.createElement("button",{type:"button",id:"languageSwitcher",className:"languageSwitcher ".concat(o),"data-qa-id":c,onClick:function(){var a=m?s.value:u.value;d.customEvent("language","change","change language",{locale:a}),r(a)}},m?s.label:u.label):null}var y=function(a,e){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?e?"sms:/open?addresses=".concat(a.shortcode,"&body=").concat(a.keyword):"sms:".concat(a.shortcode,"&body=").concat(a.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(a){return new RegExp(a,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(a.shortcode,"/").concat(a.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(a.shortcode,"?body=").concat(a.keyword):"sms:".concat(a.shortcode,"?body=").concat(a.keyword)},C=function(a){var n=a.keywordAndShortcode,i=a.className,o=a.dataQaId,l=void 0===o?"mo-link":o,c=a.children,d=r(a,["keywordAndShortcode","className","dataQaId","children"]);return e.createElement("a",t({href:y(n),className:i,"data-qa-id":l},d),c)};function E(a){var n=a.locale,r=a.className,t=void 0===r?"":r,i=a.legals,o=a.flow,l=a.dataQaId,c=void 0===l?"price-point":l,d=a.operator,s=i.filter((function(a){return a.flow===o})),u=(o?s:i).reduce((function(a,e){return a[e.language]=e,a}),{}),m=(u[n]||"").price_point,g=(u[n]||"").operator_price_point;return e.createElement("div",{"data-qa-id":c,className:t||""},g&&d&&e.createElement("div",{dangerouslySetInnerHTML:{__html:g[d.toUpperCase()]}})||e.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))}var N,w,I="Select-module_wrapper__FuUXB",A="Select-module_error__GpAw6";!function(a){a.Country="country"}(N||(N={})),function(a){a.Medium="Medium",a.Large="Large"}(w||(w={}));var T={GB:"United Kingdom",US:"United States",AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Congo Democratic Republic",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote Divoire",HR:"Croatia",CU:"Cuba",CW:"Curaçao",CY:"Cyprus",CZ:"CzechRepublic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea Bissau",GY:"Guyana",HT:"Haiti",VA:"Vatican City",HN:"Honduras",HK:"HongKong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KR:"Korea, Republic of",KP:"Korea, Democratic People's Republic of",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Laos",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia",MD:"Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",MKD:"Macedonia",RO:"Romania",RW:"Rwanda",SH:"Saint Helena",LC:"Saint Lucia",MF:"Saint Martin",PM:"Saint Pierre And Miquelon",WS:"Samoa",SM:"San Marino",ST:"Sao Tome And Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SS:"South Sudan",SR:"Suriname",SJ:"Svalbard And Jan Mayen",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SX:"Sint Maarten (Dutch part)",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad And Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",UM:"United States Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands British",VI:"Virgin Islands US",WF:"Wallis And Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"};function G(n){var i=n.wrapperClassName,o=void 0===i?"":i,l=n.dataQaId,c=void 0===l?"select-":l,d=n.id,s=n.value,u=n.placeholder,m=n.disabled;n.readOnly;var g=n.error,p=n.type,v=n.onChange,h=n.options,S=void 0===h?[{value:"",label:""}]:h,M=n.firstOptionText,f=r(n,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return e.createElement("div",{className:a(I,o)},f.label&&""!==f.label&&e.createElement("label",{"data-testid":"".concat(c,"-label"),htmlFor:d},f.label),e.createElement("select",t({"data-testid":c,name:d,id:d,value:s,placeholder:u,disabled:m,onChange:v},f),M&&e.createElement("option",null,M),p===N.Country&&Object.keys(T).map((function(a){return e.createElement("option",{value:a},T[a])}))||S.map((function(a){return e.createElement("option",{value:a.value},a.label)}))),g&&e.createElement("div",{className:A},g))}function L(a){var n=a.locale,r=a.className,t=void 0===r?"":r,i=a.legals,o=a.flow,l=a.dataQaId,c=void 0===l?"top-legals-":l,d=i.filter((function(a){return a.flow===o})),s=((o?d:i).reduce((function(a,e){return a[e.language]=e,a}),{})[n]||"").top_legal;return e.createElement("div",{"data-qa-id":c,className:t},e.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}export{o as Disclaimers,l as ExtraDisclaimers,p as Input,c as InputType,h as IntlProvider,b as LanguageSwitcher,C as MOLink,E as PricePoint,G as Select,N as SelectType,L as TopLegals,M as defineMessages,S as injectIntl};
 //# sourceMappingURL=index.mjs.map

package/build/src/Input/Input.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InputProps } from './Input.types';
-export declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, ...props }: InputProps): JSX.Element;
+export declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, size, onChange, ...props }: InputProps): JSX.Element;

package/build/src/Input/Input.types.d.ts

@@ -6,6 +6,12 @@ export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
     type: InputType;
     placeholder?: string;
     error?: string;
+    iconPosition?: InputIconPosition;
+    size?: InputSize;
+    clearable?: boolean;
+    mask?: InputMaskTypes;
+    children?: React.Component;
+    hint?: string;
     dataQaId?: string;
     disabled?: boolean;
     readOnly?: boolean;

package/build/src/LanguageSwitcher/LanguageSwitcher.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { interfaceLanguageSwitcher } from './LanguageSwitcher.types';
+export declare function LanguageSwitcher({ locale, switchLang, options, className, dataQaId, tracker }: interfaceLanguageSwitcher): JSX.Element | null;

package/build/src/LanguageSwitcher/LanguageSwitcher.stories.d.ts

@@ -0,0 +1,38 @@
+import { Story } from '@storybook/react';
+import { LanguageSwitcher } from './LanguageSwitcher';
+import { interfaceLanguageSwitcher } from './LanguageSwitcher.types';
+declare const _default: {
+    title: string;
+    component: typeof LanguageSwitcher;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        locale: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        switchLang: {
+            name: string;
+            description: string;
+        };
+        options: {
+            name: string;
+            description: string;
+        };
+        className: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        dataQaId: {
+            name: string;
+            description: string;
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<interfaceLanguageSwitcher>;

package/build/src/LanguageSwitcher/LanguageSwitcher.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/LanguageSwitcher/LanguageSwitcher.types.d.ts

@@ -0,0 +1,13 @@
+import { ITracker } from '../custom-types';
+export declare type typeLanguageSwitcherOptions = {
+    value: string;
+    label: string;
+};
+export interface interfaceLanguageSwitcher {
+    locale: string;
+    switchLang: (lang: string) => void;
+    options: Array<typeLanguageSwitcherOptions>;
+    className?: string;
+    dataQaId?: string;
+    tracker: ITracker;
+}

package/build/src/Select/Select.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SelectProps } from './Select.types';
+export declare function Select({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, options, firstOptionText, ...props }: SelectProps): JSX.Element;

package/build/src/Select/Select.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { SelectProps } from './Select.types';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Select: Story<SelectProps>;

package/build/src/Select/Select.types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+    value: string;
+    label?: string;
+    onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    type?: SelectType;
+    placeholder?: string;
+    error?: string;
+    dataQaId?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrapperClassName?: string;
+    options?: SelectOption[];
+    onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    firstOptionText?: string;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export declare enum SelectType {
+    Country = "country"
+}
+export declare enum InputSize {
+    Medium = "Medium",
+    Large = "Large"
+}

package/build/src/custom-types.d.ts

@@ -0,0 +1,8 @@
+export declare type IOptInFlowName = 'Block' | 'Click to sms' | 'Hybrid Pin' | 'Msisdn to sms' | 'Not available' | 'Pin' | 'Redirect' | 'To be determined' | 'USSD' | '3G click';
+export declare type ITracker = {
+    advancedInFlow: (flow: string, action: string, args?: any) => void;
+    advancedInPreFlow: (label: string, args?: any) => void;
+    recedeInFlow: (flow: string, newState: string, args?: any) => void;
+    customEvent: (category: string, action: string, label: string, arg?: any) => void;
+    sendOptInFlowEvent: (optInFlowName: IOptInFlowName) => void;
+};

package/build/src/index.d.ts

@@ -3,9 +3,12 @@ import { ExtraDisclaimers } from './ExtraDisclaimers/ExtraDisclaimers';
 import { Input } from './Input/Input';
 import { InputType } from './Input/Input.types';
 import { defineMessages, injectIntl, IntlProvider } from './Intl/Intl';
+import { LanguageSwitcher } from './LanguageSwitcher/LanguageSwitcher';
 import { MOLink } from './MOLink/MOLink';
 import { IKeywordShortcode } from './MOLink/MOLink.types';
 import { PricePoint } from './PricePoint/PricePoint';
+import { Select } from './Select/Select';
+import { SelectType } from './Select/Select.types';
 import { TopLegals } from './TopLegals/TopLegals';
-export { Disclaimers, PricePoint, TopLegals, ExtraDisclaimers, MOLink, Input, InputType, injectIntl, IntlProvider, defineMessages };
+export { Disclaimers, PricePoint, TopLegals, ExtraDisclaimers, MOLink, Input, InputType, injectIntl, IntlProvider, defineMessages, SelectType, Select, LanguageSwitcher };
 export type { IKeywordShortcode };

package/build/src/utils/test/index.d.ts

@@ -3,5 +3,12 @@ import React, { ReactElement } from 'react';
 import renderer from 'react-test-renderer';
 declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 declare const jsonRenderer: (ui: React.ReactNode) => renderer.ReactTestRendererJSON | renderer.ReactTestRendererJSON[] | null;
+declare const dummyTracker: {
+    advancedInFlow: () => undefined;
+    advancedInPreFlow: () => undefined;
+    recedeInFlow: () => undefined;
+    customEvent: () => undefined;
+    sendOptInFlowEvent: () => undefined;
+};
 export * from '@testing-library/react';
-export { customRender as render, jsonRenderer };
+export { customRender as render, jsonRenderer, dummyTracker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ouisys-component-library",
-  "version": "0.0.5",
+  "version": "0.0.10",
   "description": "Ouisys Components",
   "main": "build/index.js",
   "module": "build/index.es.js",
@@ -44,7 +44,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.4.7",
     "lint-staged": "^13.0.3",
-    "node-sass": "^6",
+    "node-sass": "7",
     "postcss": "8",
     "prettier": "^2.7.1",
     "prettier-config-ouisys": "0.0.2",
@@ -67,6 +67,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
+    "classnames": "^2.3.1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
@@ -84,7 +85,8 @@
     "test:coverage": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=false; echo \"\\033[32m>>> 🌹 Coverage report now in /coverage folder\"",
     "test:coverageWatch": "yarn run test -- --watch --coverage --coverage-reporters=lcov --watchAll=true",
     "test:watch": "yarn run test -- --watch --watchAll=true",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --watch --ci --runInBand"
+    "test:debug": "node --inspect-brk node_modules/.bin/jest --watch --ci --runInBand",
+    "release": "npm version patch && npm publish"
   },
   "husky": {
     "hooks": {