ouisys-component-library 0.0.13 → 0.0.14

package/build/index.css

@@ -0,0 +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}.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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,217 @@
+import * as React$1 from 'react';
+
+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;
+};
+
+interface interfaceButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    className?: string;
+    dataQaId?: string;
+    isDCBP?: boolean;
+    isMCP?: boolean;
+    tracker?: ITracker;
+}
+
+declare function Button({ children, className, dataQaId, isDCBP, isMCP, tracker, type, onClick, ...props }: interfaceButton): JSX.Element;
+
+declare enum ILegalFlows {
+    PIN = "pin",
+    MO = "mo",
+    ONE_CLICK = "oneClick",
+    CLICK_2SMS = "click2sms",
+    MO_REDIR = "moRedir",
+    USSD = "ussd",
+    TPAY_HE = "tpayHe"
+}
+interface ILegals {
+    id: number;
+    country: string;
+    service: string;
+    scenario: string;
+    language: string;
+    top_legal: string;
+    price_point: string;
+    disclaimer: string;
+    date_created: string;
+    extra_disclaimer: string;
+    mcc_disclaimer: {
+        [key: string]: string;
+    } | null;
+    operator_price_point: {
+        [key: string]: string;
+    } | null;
+    flow?: ILegalFlows;
+}
+interface DisclaimersProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    mcc?: string;
+    dataQaId?: string;
+}
+
+declare function Disclaimers({ locale, className, legals, flow, dataQaId, mcc }: DisclaimersProps): JSX.Element;
+
+interface ExtraDisclaimersProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}
+
+declare function ExtraDisclaimers({ locale, className, legals, flow, dataQaId }: ExtraDisclaimersProps): JSX.Element;
+
+interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
+    value: string;
+    label?: string;
+    onChange: React.FocusEventHandler<HTMLInputElement> | undefined;
+    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;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrapperClassName?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+}
+declare enum InputType {
+    Text = "text",
+    Number = "number",
+    Email = "email",
+    Password = "password",
+    Search = "search",
+    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, size, onChange, ...props }: InputProps): JSX.Element;
+
+interface IHash {
+    [key: string]: string;
+}
+declare function IntlProvider({ locale, messages, children }: {
+    locale: string;
+    messages: IHash;
+    children: React$1.ReactChild | JSX.Element[] | JSX.Element;
+}): JSX.Element;
+declare function injectIntl(Child: React$1.ComponentType<any>): (props: any) => JSX.Element;
+declare function defineMessages(messageDescriptors: any): any;
+
+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;
+
+interface interfaceLink extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React.ReactNode;
+    className?: string;
+    dataQaId?: string;
+    isDCBP?: boolean;
+    isMCP?: boolean;
+    locale?: string;
+    tracker?: ITracker;
+}
+
+declare function Link({ children, className, dataQaId, href, isDCBP, isMCP, locale, tracker, onClick, ...props }: interfaceLink): JSX.Element;
+
+declare type IKeywordShortcode = {
+    keyword: string;
+    shortcode: string;
+};
+declare type MOLinkProps = {
+    keywordAndShortcode: IKeywordShortcode;
+    children: React.ReactNode;
+    dataQaId?: string;
+} & React.HTMLAttributes<HTMLAnchorElement>;
+
+declare const MOLink: React$1.ComponentType<MOLinkProps>;
+
+interface PricePointProps {
+    locale: string;
+    legals: Array<ILegals>;
+    operator?: string;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}
+
+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>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}
+
+declare function TopLegals({ locale, className, legals, flow, dataQaId }: TopLegalsProps): JSX.Element;
+
+export { Button, Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, LanguageSwitcher, Link, MOLink, PricePoint, Select, SelectType, TopLegals, defineMessages, injectIntl };

package/build/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("classnames"),n=require("react");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(a),l=t(n),o=r(n);var 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=o.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,a){return e.id,e.defaultMessage,""}}});function f(e){return e}exports.defineMessages=f;var h=[{value:"en",label:"English"},{value:"ar",label:"عربى"}];var M=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 b,S="Select-module_wrapper__FuUXB",y="Select-module_error__GpAw6";exports.SelectType=void 0,(exports.SelectType||(exports.SelectType={})).Country="country",function(e){e.Medium="Medium",e.Large="Large"}(b||(b={}));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.Button=function(a){var n=a.children,t=a.className,r=a.dataQaId,o=void 0===r?"button":r,s=a.isDCBP,c=void 0!==s&&s,d=a.isMCP,u=void 0!==d&&d,m=a.tracker,p=a.type,g=void 0===p?"button":p,v=a.onClick,f=e.__rest(a,["children","className","dataQaId","isDCBP","isMCP","tracker","type","onClick"]);return l.default.createElement("button",e.__assign({type:g,className:i.default("button",t,{dcbp:c,mcp:u}),"data-qa-id":o,onClick:function(e){m&&m.customEvent("button","click","click button"),v&&v(e)}},f),n)},exports.Disclaimers=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,o=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===o})),g=(o?p:r).reduce((function(e,a){return e[a.language]=a,e}),{}),v=(g[a]||"").disclaimer,f=(g[a]||"").mcc_disclaimer;return l.default.createElement("div",{"data-qa-id":d,className:i.default(s,t)},f&&m&&l.default.createElement("div",{dangerouslySetInnerHTML:{__html:f[m.toLowerCase()]}})||l.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,l=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 o.createElement("div",{"data-qa-id":l,className:n},o.createElement("div",{dangerouslySetInnerHTML:{__html:c}}))},exports.Input=function(a){var n=a.wrapperClassName,t=void 0===n?"":n,r=a.dataQaId,l=void 0===r?"input-":r,s=a.id,c=a.value,d=a.placeholder,u=a.disabled,m=a.readOnly,v=a.error,f=a.type,h=a.size,M=a.onChange,b=e.__rest(a,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return o.createElement("div",{className:i.default(p,t)},b.label&&""!==b.label&&o.createElement("label",{"data-testid":"".concat(l,"-label"),htmlFor:s},b.label),o.createElement("input",e.__assign({"data-testid":l,name:s,id:s,value:c,placeholder:d,disabled:u,readOnly:m,onChange:M,type:f,size:parseInt(h||"",10)},b)),v&&o.createElement("div",{className:g},v))},exports.IntlProvider=function(e){var a=e.locale,n=e.messages,t=e.children;return o.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 l=Object.keys(a);Array.isArray(l)&&l.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?h:t,o=e.className,s=void 0===o?"":o,c=e.dataQaId,d=void 0===c?"language-switcher":c,u=e.tracker;if(r.length>2)return l.default.createElement("select",{id:"languageSwitcher",className:i.default("languageSwitcher",s),"data-qa-id":d,value:a,onChange:function(e){var a=e.target.value;u&&u.customEvent("language","change","change language",{locale:a}),n(a)}},r.map((function(e){var a=e.value,n=e.label;return l.default.createElement("option",{key:a,value:a},n)})));if(2===r.length){var m=r[0],p=r[1],g=a===p.value;return l.default.createElement("button",{type:"button",id:"languageSwitcher",className:i.default("languageSwitcher",s),"data-qa-id":d,onClick:function(){var e=r[0],t=r[1],i=a===t.value?e.value:t.value;u&&u.customEvent("language","change","change language",{locale:i}),n(i)}},g?m.label:p.label)}return null},exports.Link=function(a){var n=a.children,t=a.className,r=a.dataQaId,o=void 0===r?"link":r,s=a.href,c=a.isDCBP,d=void 0!==c&&c,u=a.isMCP,m=void 0!==u&&u,p=a.locale,g=a.tracker,v=a.onClick,f=e.__rest(a,["children","className","dataQaId","href","isDCBP","isMCP","locale","tracker","onClick"]);return l.default.createElement("a",e.__assign({className:i.default("link",t,{dcbp:d,mcp:m}),"data-qa-id":o,href:s,hrefLang:p,onClick:function(e){g&&g.customEvent("link","click","click link",{link:s}),v&&v(e)}},f),n)},exports.MOLink=function(a){var n=a.keywordAndShortcode,t=a.className,r=a.dataQaId,i=void 0===r?"mo-link":r,l=a.children,s=e.__rest(a,["keywordAndShortcode","className","dataQaId","children"]);return o.createElement("a",e.__assign({href:M(n),className:t,"data-qa-id":i},s),l)},exports.PricePoint=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,i=e.flow,l=e.dataQaId,s=void 0===l?"price-point":l,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 o.createElement("div",{"data-qa-id":s,className:t||""},p&&c&&o.createElement("div",{dangerouslySetInnerHTML:{__html:p[c.toUpperCase()]}})||o.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))},exports.Select=function(a){var n=a.wrapperClassName,t=void 0===n?"":n,r=a.dataQaId,l=void 0===r?"select-":r,s=a.id,c=a.value,d=a.placeholder,u=a.disabled;a.readOnly;var m=a.error,p=a.type,g=a.onChange,v=a.options,f=void 0===v?[{value:"",label:""}]:v,h=a.firstOptionText,M=e.__rest(a,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return o.createElement("div",{className:i.default(S,t)},M.label&&""!==M.label&&o.createElement("label",{"data-testid":"".concat(l,"-label"),htmlFor:s},M.label),o.createElement("select",e.__assign({"data-testid":l,name:s,id:s,value:c,placeholder:d,disabled:u,onChange:g},M),h&&o.createElement("option",null,h),p===exports.SelectType.Country&&Object.keys(C).map((function(e){return o.createElement("option",{value:e},C[e])}))||f.map((function(e){return o.createElement("option",{value:e.value},e.label)}))),m&&o.createElement("div",{className:y},m))},exports.TopLegals=function(e){var a=e.locale,n=e.className,t=void 0===n?"":n,r=e.legals,i=e.flow,l=e.dataQaId,s=void 0===l?"top-legals-":l,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 o.createElement("div",{"data-qa-id":s,className:t},o.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.defineMessages=f,exports.injectIntl=function(a){return function(n){return o.createElement(v.Consumer,null,(function(t){var r=t.intl;return o.createElement(a,e.__assign({},n,{intl:r}))}))}};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/index.mjs

@@ -0,0 +1,2 @@
+import{__rest as a,__assign as e}from"tslib";import n from"classnames";import*as t from"react";import r from"react";function i(t){var i=t.children,l=t.className,o=t.dataQaId,c=void 0===o?"button":o,d=t.isDCBP,s=void 0!==d&&d,u=t.isMCP,m=void 0!==u&&u,g=t.tracker,v=t.type,p=void 0===v?"button":v,h=t.onClick,f=a(t,["children","className","dataQaId","isDCBP","isMCP","tracker","type","onClick"]);return r.createElement("button",e({type:p,className:n("button",l,{dcbp:s,mcp:m}),"data-qa-id":c,onClick:function(a){g&&g.customEvent("button","click","click button"),h&&h(a)}},f),i)}var l="Disclaimers-module_wrapper__yyrGN";function o(a){var e=a.locale,t=a.className,i=void 0===t?"":t,o=a.legals,c=a.flow,d=a.dataQaId,s=void 0===d?"disclaimers":d,u=a.mcc,m=void 0===u?"":u,g=o.filter((function(a){return a.flow===c})),v=(c?g:o).reduce((function(a,e){return a[e.language]=e,a}),{}),p=(v[e]||"").disclaimer,h=(v[e]||"").mcc_disclaimer;return r.createElement("div",{"data-qa-id":s,className:n(l,i)},h&&m&&r.createElement("div",{dangerouslySetInnerHTML:{__html:h[m.toLowerCase()]}})||r.createElement("div",{dangerouslySetInnerHTML:{__html:p}})," ")}function c(a){var e=a.locale,n=a.className,r=a.legals,i=a.flow,l=a.dataQaId,o=void 0===l?"extra-disclaimers-":l,c=r.filter((function(a){return a.flow===i})),d=i&&!process.env.scenario?c:r,s=(d.reduce((function(a,e){return a[e.language]=e,a}),{})[e]||"").extra_disclaimer;return t.createElement("div",{"data-qa-id":o,className:n},t.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}var d,s,u,m,g="Input-module_wrapper__bzo7K",v="Input-module_error__rkwNz";function p(r){var i=r.wrapperClassName,l=void 0===i?"":i,o=r.dataQaId,c=void 0===o?"input-":o,d=r.id,s=r.value,u=r.placeholder,m=r.disabled,p=r.readOnly,h=r.error,f=r.type,M=r.size,S=r.onChange,b=a(r,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return t.createElement("div",{className:n(g,l)},b.label&&""!==b.label&&t.createElement("label",{"data-testid":"".concat(c,"-label"),htmlFor:d},b.label),t.createElement("input",e({"data-testid":c,name:d,id:d,value:s,placeholder:u,disabled:m,readOnly:p,onChange:S,type:f,size:parseInt(M||"",10)},b)),h&&t.createElement("div",{className:v},h))}!function(a){a.Text="text",a.Number="number",a.Email="email",a.Password="password",a.Search="search",a.Telephone="tel",a.URL="url"}(d||(d={})),function(a){a.Medium="Medium",a.Large="Large"}(s||(s={})),function(a){a.Left="Left",a.Right="Right"}(u||(u={})),function(a){a.Telephone="telephone",a.CreditCard="credit_card"}(m||(m={}));var h=t.createContext({locale:"en",messages:{},intl:{formatMessage:function(a,e){return a.id,a.defaultMessage,""}}});function f(a){var e=a.locale,n=a.messages,r=a.children;return t.createElement(h.Provider,{value:{locale:e,messages:n,intl:{formatMessage:function(a,e){var t=a.id,r=a.defaultMessage,i=n&&n[t]?n[t]:r||"";if(e){var l=Object.keys(e);Array.isArray(l)&&l.map((function(a){var n=i.replace("{".concat(a,"}"),e[a]);i=n}))}return i}}}},r)}function M(a){return function(n){return t.createElement(h.Consumer,null,(function(r){var i=r.intl;return t.createElement(a,e({},n,{intl:i}))}))}}function S(a){return a}exports.defineMessages=S;var b=[{value:"en",label:"English"},{value:"ar",label:"عربى"}];function C(a){var e=a.locale,t=a.switchLang,i=a.options,l=void 0===i?b:i,o=a.className,c=void 0===o?"":o,d=a.dataQaId,s=void 0===d?"language-switcher":d,u=a.tracker;if(l.length>2)return r.createElement("select",{id:"languageSwitcher",className:n("languageSwitcher",c),"data-qa-id":s,value:e,onChange:function(a){var e=a.target.value;u&&u.customEvent("language","change","change language",{locale:e}),t(e)}},l.map((function(a){var e=a.value,n=a.label;return r.createElement("option",{key:e,value:e},n)})));if(2===l.length){var m=l[0],g=l[1],v=e===g.value;return r.createElement("button",{type:"button",id:"languageSwitcher",className:n("languageSwitcher",c),"data-qa-id":s,onClick:function(){var a=l[0],n=l[1],r=e===n.value?a.value:n.value;u&&u.customEvent("language","change","change language",{locale:r}),t(r)}},v?m.label:g.label)}return null}function y(t){var i=t.children,l=t.className,o=t.dataQaId,c=void 0===o?"link":o,d=t.href,s=t.isDCBP,u=void 0!==s&&s,m=t.isMCP,g=void 0!==m&&m,v=t.locale,p=t.tracker,h=t.onClick,f=a(t,["children","className","dataQaId","href","isDCBP","isMCP","locale","tracker","onClick"]);return r.createElement("a",e({className:n("link",l,{dcbp:u,mcp:g}),"data-qa-id":c,href:d,hrefLang:v,onClick:function(a){p&&p.customEvent("link","click","click link",{link:d}),h&&h(a)}},f),i)}var E=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)},N=function(n){var r=n.keywordAndShortcode,i=n.className,l=n.dataQaId,o=void 0===l?"mo-link":l,c=n.children,d=a(n,["keywordAndShortcode","className","dataQaId","children"]);return t.createElement("a",e({href:E(r),className:i,"data-qa-id":o},d),c)};function I(a){var e=a.locale,n=a.className,r=void 0===n?"":n,i=a.legals,l=a.flow,o=a.dataQaId,c=void 0===o?"price-point":o,d=a.operator,s=i.filter((function(a){return a.flow===l})),u=(l?s:i).reduce((function(a,e){return a[e.language]=e,a}),{}),m=(u[e]||"").price_point,g=(u[e]||"").operator_price_point;return t.createElement("div",{"data-qa-id":c,className:r||""},g&&d&&t.createElement("div",{dangerouslySetInnerHTML:{__html:g[d.toUpperCase()]}})||t.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))}var w,A,T="Select-module_wrapper__FuUXB",k="Select-module_error__GpAw6";!function(a){a.Country="country"}(w||(w={})),function(a){a.Medium="Medium",a.Large="Large"}(A||(A={}));var B={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(r){var i=r.wrapperClassName,l=void 0===i?"":i,o=r.dataQaId,c=void 0===o?"select-":o,d=r.id,s=r.value,u=r.placeholder,m=r.disabled;r.readOnly;var g=r.error,v=r.type,p=r.onChange,h=r.options,f=void 0===h?[{value:"",label:""}]:h,M=r.firstOptionText,S=a(r,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return t.createElement("div",{className:n(T,l)},S.label&&""!==S.label&&t.createElement("label",{"data-testid":"".concat(c,"-label"),htmlFor:d},S.label),t.createElement("select",e({"data-testid":c,name:d,id:d,value:s,placeholder:u,disabled:m,onChange:p},S),M&&t.createElement("option",null,M),v===w.Country&&Object.keys(B).map((function(a){return t.createElement("option",{value:a},B[a])}))||f.map((function(a){return t.createElement("option",{value:a.value},a.label)}))),g&&t.createElement("div",{className:k},g))}function L(a){var e=a.locale,n=a.className,r=void 0===n?"":n,i=a.legals,l=a.flow,o=a.dataQaId,c=void 0===o?"top-legals-":o,d=i.filter((function(a){return a.flow===l})),s=((l?d:i).reduce((function(a,e){return a[e.language]=e,a}),{})[e]||"").top_legal;return t.createElement("div",{"data-qa-id":c,className:r},t.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}export{i as Button,o as Disclaimers,c as ExtraDisclaimers,p as Input,d as InputType,f as IntlProvider,C as LanguageSwitcher,y as Link,N as MOLink,I as PricePoint,G as Select,w as SelectType,L as TopLegals,S as defineMessages,M as injectIntl};
+//# sourceMappingURL=index.mjs.map

package/build/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/src/Button/Button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { interfaceButton } from './Button.types';
+export declare function Button({ children, className, dataQaId, isDCBP, isMCP, tracker, type, onClick, ...props }: interfaceButton): JSX.Element;

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

@@ -0,0 +1,41 @@
+import { Story } from '@storybook/react';
+import { Button } from './Button';
+import { interfaceButton } from './Button.types';
+declare const _default: {
+    title: string;
+    component: typeof Button;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        className: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        dataQaId: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        isDCBP: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        isMCP: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        type: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<interfaceButton>;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ITracker } from '../custom-types';
+export interface interfaceButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    className?: string;
+    dataQaId?: string;
+    isDCBP?: boolean;
+    isMCP?: boolean;
+    tracker?: ITracker;
+}

package/build/src/Disclaimers/Disclaimers.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DisclaimersProps } from './Disclaimers.types';
+export declare function Disclaimers({ locale, className, legals, flow, dataQaId, mcc }: DisclaimersProps): JSX.Element;

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

@@ -0,0 +1,41 @@
+import { Story } from '@storybook/react';
+import { DisclaimersProps } from './Disclaimers.types';
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        locale: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        legals: {
+            description: string;
+        };
+        flow: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dataQaId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<DisclaimersProps>;

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

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

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

@@ -0,0 +1,36 @@
+export declare enum ILegalFlows {
+    PIN = "pin",
+    MO = "mo",
+    ONE_CLICK = "oneClick",
+    CLICK_2SMS = "click2sms",
+    MO_REDIR = "moRedir",
+    USSD = "ussd",
+    TPAY_HE = "tpayHe"
+}
+export interface ILegals {
+    id: number;
+    country: string;
+    service: string;
+    scenario: string;
+    language: string;
+    top_legal: string;
+    price_point: string;
+    disclaimer: string;
+    date_created: string;
+    extra_disclaimer: string;
+    mcc_disclaimer: {
+        [key: string]: string;
+    } | null;
+    operator_price_point: {
+        [key: string]: string;
+    } | null;
+    flow?: ILegalFlows;
+}
+export interface DisclaimersProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    mcc?: string;
+    dataQaId?: string;
+}

package/build/src/ExtraDisclaimers/ExtraDisclaimers.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ExtraDisclaimersProps } from './ExtraDisclaimers.types';
+export declare function ExtraDisclaimers({ locale, className, legals, flow, dataQaId }: ExtraDisclaimersProps): JSX.Element;

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

@@ -0,0 +1,41 @@
+import { Story } from '@storybook/react';
+import { ExtraDisclaimersProps } from './ExtraDisclaimers.types';
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        locale: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        legals: {
+            description: string;
+        };
+        flow: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dataQaId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<ExtraDisclaimersProps>;

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

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

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

@@ -0,0 +1,8 @@
+import { ILegalFlows, ILegals } from '../Disclaimers/Disclaimers.types';
+export interface ExtraDisclaimersProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}

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

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

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

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

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

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
+    value: string;
+    label?: string;
+    onChange: React.FocusEventHandler<HTMLInputElement> | undefined;
+    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;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrapperClassName?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+}
+export declare enum InputType {
+    Text = "text",
+    Number = "number",
+    Email = "email",
+    Password = "password",
+    Search = "search",
+    Telephone = "tel",
+    URL = "url"
+}
+export declare enum InputSize {
+    Medium = "Medium",
+    Large = "Large"
+}
+export declare enum InputIconPosition {
+    Left = "Left",
+    Right = "Right"
+}
+export declare enum InputMaskTypes {
+    Telephone = "telephone",
+    CreditCard = "credit_card"
+}

package/build/src/Intl/Intl.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface IHash {
+    [key: string]: string;
+}
+export declare function IntlProvider({ locale, messages, children }: {
+    locale: string;
+    messages: IHash;
+    children: React.ReactChild | JSX.Element[] | JSX.Element;
+}): JSX.Element;
+export declare function Translate({ id, values, defaultMessage }: {
+    id: string;
+    values?: {
+        [key: string]: string;
+    };
+    defaultMessage?: string;
+}): string;
+export declare function injectIntl(Child: React.ComponentType<any>): (props: any) => JSX.Element;
+export declare function defineMessages(messageDescriptors: any): any;

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/Link/Link.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { interfaceLink } from './Link.types';
+export declare function Link({ children, className, dataQaId, href, isDCBP, isMCP, locale, tracker, onClick, ...props }: interfaceLink): JSX.Element;

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

@@ -0,0 +1,51 @@
+import { Story } from '@storybook/react';
+import { Link } from './Link';
+import { interfaceLink } from './Link.types';
+declare const _default: {
+    title: string;
+    component: typeof Link;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        className: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        dataQaId: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        href: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        isDCBP: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        isMCP: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        locale: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        target: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<interfaceLink>;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ITracker } from '../custom-types';
+export interface interfaceLink extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React.ReactNode;
+    className?: string;
+    dataQaId?: string;
+    isDCBP?: boolean;
+    isMCP?: boolean;
+    locale?: string;
+    tracker?: ITracker;
+}

package/build/src/MOLink/MOLink.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IKeywordShortcode, MOLinkProps } from './MOLink.types';
+export declare const formatSMSLink: (keywordAndShortcode: IKeywordShortcode, useOpenAddresses?: boolean) => string;
+export declare const MOLink: React.ComponentType<MOLinkProps>;

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

@@ -0,0 +1,32 @@
+import { Story } from '@storybook/react';
+import { MOLinkProps } from './MOLink.types';
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        className: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dataQaId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        keywordAndShortcode: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<MOLinkProps>;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type IKeywordShortcode = {
+    keyword: string;
+    shortcode: string;
+};
+export declare type MOLinkProps = {
+    keywordAndShortcode: IKeywordShortcode;
+    children: React.ReactNode;
+    dataQaId?: string;
+} & React.HTMLAttributes<HTMLAnchorElement>;

package/build/src/PricePoint/PricePoint.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PricePointProps } from './PricePoint.types';
+export declare function PricePoint({ locale, className, legals, flow, dataQaId, operator }: PricePointProps): JSX.Element;

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

@@ -0,0 +1,41 @@
+import { Story } from '@storybook/react';
+import { PricePointProps } from './PricePoint.types';
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        locale: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        legals: {
+            description: string;
+        };
+        flow: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dataQaId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<PricePointProps>;

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

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

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

@@ -0,0 +1,9 @@
+import { ILegalFlows, ILegals } from '../Disclaimers/Disclaimers.types';
+export interface PricePointProps {
+    locale: string;
+    legals: Array<ILegals>;
+    operator?: string;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}

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/TopLegals/TopLegals.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TopLegalsProps } from './TopLegals.types';
+export declare function TopLegals({ locale, className, legals, flow, dataQaId }: TopLegalsProps): JSX.Element;

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

@@ -0,0 +1,41 @@
+import { Story } from '@storybook/react';
+import { TopLegalsProps } from './TopLegals.types';
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        importObject: string;
+        importPath: string;
+    };
+    argTypes: {
+        locale: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        legals: {
+            description: string;
+        };
+        flow: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dataQaId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Main: Story<TopLegalsProps>;

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

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

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

@@ -0,0 +1,8 @@
+import { ILegalFlows, ILegals } from '../Disclaimers/Disclaimers.types';
+export interface TopLegalsProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}

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

@@ -0,0 +1,16 @@
+import { Button } from './Button/Button';
+import { Disclaimers } from './Disclaimers/Disclaimers';
+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 { Link } from './Link/Link';
+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 { Button, Disclaimers, ExtraDisclaimers, Input, InputType, defineMessages, injectIntl, IntlProvider, LanguageSwitcher, Link, MOLink, PricePoint, Select, SelectType, TopLegals };
+export type { IKeywordShortcode };

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

@@ -0,0 +1,14 @@
+import { RenderOptions } from '@testing-library/react';
+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, dummyTracker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ouisys-component-library",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Ouisys Components",
   "main": "build/index.js",
   "module": "build/index.es.js",