ouisys-component-library 0.0.2 → 0.0.4

package/README.md

@@ -6,11 +6,10 @@ The code contained in this repository is a Component Library.
 
 - **You don't have to clone this repo** in order to use the library, and this Component Library.
 
-
 ## Install CLI
 
 ```bash
-yarn 
+yarn
 ```
 
 ### Storybook local env.
@@ -39,7 +38,6 @@ Alternatively you can add the `--watch` flag for continued refresh and testing,
 
 ## Usage
 
-
 ```bash
 yarn add ouisys-component-library@latest
 ```

package/build/index.css

@@ -1,2 +1,2 @@
-.Disclaimers-module_wrapper__yyrGN{background-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}
 /*# sourceMappingURL=index.css.map */

package/build/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Disclaimers.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB","file":"index.css","sourcesContent":[".wrapper {\n  background-color: red; }\n"]}
+{"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"]}

package/build/index.d.ts

@@ -1,2 +1,124 @@
-import { Disclaimers } from "./Disclaimers/Disclaimers";
-export { Disclaimers };
+import * as React$1 from 'react';
+
+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;
+    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 function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, 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 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 TopLegalsProps {
+    locale: string;
+    legals: Array<ILegals>;
+    className?: string;
+    flow?: ILegalFlows;
+    dataQaId?: string;
+}
+
+declare function TopLegals({ locale, className, legals, flow, dataQaId }: TopLegalsProps): JSX.Element;
+
+export { Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, MOLink, PricePoint, TopLegals, defineMessages, injectIntl };

package/build/index.js

@@ -1,8 +1,2 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}Object.defineProperty(exports,"__esModule",{value:!0});var r,t=e(require("react")),a="Disclaimers-module_wrapper__yyrGN",n={exports:{}};
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-r=n,function(){var e={}.hasOwnProperty;function t(){for(var r=[],a=0;a<arguments.length;a++){var n=arguments[a];if(n){var i=typeof n;if("string"===i||"number"===i)r.push(n);else if(Array.isArray(n)){if(n.length){var o=t.apply(null,n);o&&r.push(o)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var l in n)e.call(n,l)&&n[l]&&r.push(l);else r.push(n.toString())}}return r.join(" ")}r.exports?(t.default=t,r.exports=t):window.classNames=t}();var i=n.exports;exports.Disclaimers=function(e){var r=e.locale,n=e.className,o=void 0===n?"":n,l=e.legals,s=e.flow,u=e.dataQaId,c=void 0===u?"disclaimers":u,f=l.filter((function(e){return e.flow===s})),p=((s?f:l).reduce((function(e,r){return e[r.language]=r,e}),{})[r]||"").disclaimer;return t.createElement("div",{"data-qa-id":c,className:i(o,a)},t.createElement("div",{dangerouslySetInnerHTML:{__html:p}}))};
+"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}))}))}};
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","window"],"mappings":";;;;;;IAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,SAGT,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,aAKpB,OAAOX,EAAQgB,KAAK,KAGgBC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,UAAiBlB,GAOjBqB,OAAOrB,WAAaA,EAhDtB"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/index.mjs

@@ -0,0 +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};
+//# sourceMappingURL=index.mjs.map

package/build/index.mjs.map

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

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/{Disclaimers → src/Disclaimers}/Disclaimers.types.d.ts

@@ -18,13 +18,19 @@ export interface ILegals {
     disclaimer: string;
     date_created: string;
     extra_disclaimer: string;
-    operator_price_point: null;
-    flow: ILegalFlows;
+    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, 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,38 @@
+/// <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;
+    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/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/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/index.d.ts

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

package/build/{utils → src/utils}/test/index.d.ts

@@ -1,7 +1,7 @@
 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<typeof import("@testing-library/dom/types/queries"), HTMLElement>, "wrapper"> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+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;
 export * from '@testing-library/react';
 export { customRender as render, jsonRenderer };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "ouisys-component-library",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Ouisys Components",
   "main": "build/index.js",
   "module": "build/index.es.js",
+  "typings": "build/index.d.ts",
   "files": [
     "build"
   ],
@@ -28,6 +29,7 @@
     "babel-loader": "^8.2.3",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.3.1",
+    "esbuild": "^0.15.10",
     "eslint": "^7.16.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-ouisys": "0.0.1",
@@ -41,21 +43,26 @@
     "eslint-plugin-testing-library": "^3.10.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.4.7",
+    "lint-staged": "^13.0.3",
     "node-sass": "^6",
     "postcss": "8",
-    "prettier": "^2.2.1",
-    "prettier-plugin-organize-imports": "^1.1.1",
+    "prettier": "^2.7.1",
+    "prettier-config-ouisys": "0.0.2",
+    "prettier-plugin-organize-imports": "^3.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rollup": "^2.64.0",
     "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-dts": "^4.2.3",
+    "rollup-plugin-esbuild": "^4.10.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.1",
     "sass-loader": "^10",
     "ts-jest": "^27.1.3",
+    "ts-node": "^10.9.1",
     "typescript": "^4.5.4"
   },
   "dependencies": {},
@@ -64,14 +71,29 @@
     "react-dom": ">=16.8.0"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "rm -rf build && rollup -c",
     "storybook": "start-storybook -p 6006",
     "storybook:export": "build-storybook",
     "build-storybook": "build-storybook",
     "clean": "rm -rf ./dist && rm -rf ./build",
     "watch": "tsc -b -w --preserveWatchOutput",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "lint": "eslint \"src/**/*.{ts,tsx,js,jsx}\""
-  }
+    "lint": "eslint --fix 'src/**/*.{ts,tsx}'",
+    "format": "prettier --write .",
+    "test": "node --max_old_space_size=5096 node_modules/.bin/jest",
+    "test:local": "jest --runInBand",
+    "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"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*": "prettier --ignore-unknown --write",
+    "src/**/*.{ts,tsx}": "eslint --fix"
+  },
+  "prettier": "prettier-config-ouisys"
 }

package/build/Disclaimers/Disclaimers.d.ts

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

package/build/index.es.css

@@ -1,2 +0,0 @@
-.Disclaimers-module_wrapper__yyrGN{background-color:red}
-/*# sourceMappingURL=index.es.css.map */

package/build/index.es.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Disclaimers.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB","file":"index.es.css","sourcesContent":[".wrapper {\n  background-color: red; }\n"]}

package/build/index.es.js

@@ -1,8 +0,0 @@
-import*as r from"react";var e,t="Disclaimers-module_wrapper__yyrGN",a={exports:{}};
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-e=a,function(){var r={}.hasOwnProperty;function t(){for(var e=[],a=0;a<arguments.length;a++){var i=arguments[a];if(i){var n=typeof i;if("string"===n||"number"===n)e.push(i);else if(Array.isArray(i)){if(i.length){var o=t.apply(null,i);o&&e.push(o)}}else if("object"===n)if(i.toString===Object.prototype.toString)for(var l in i)r.call(i,l)&&i[l]&&e.push(l);else e.push(i.toString())}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}();var i=a.exports,n=function(e){var a=e.locale,n=e.className,o=void 0===n?"":n,l=e.legals,s=e.flow,u=e.dataQaId,c=void 0===u?"disclaimers":u,f=l.filter((function(r){return r.flow===s})),p=((s?f:l).reduce((function(r,e){return r[e.language]=e,r}),{})[a]||"").disclaimer;return r.createElement("div",{"data-qa-id":c,className:i(o,t)},r.createElement("div",{dangerouslySetInnerHTML:{__html:p}}))};export{n as Disclaimers};
-//# sourceMappingURL=index.es.js.map

package/build/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","window"],"mappings":";;;;;;IAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,SAGT,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,aAKpB,OAAOX,EAAQgB,KAAK,KAGgBC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,UAAiBlB,GAOjBqB,OAAOrB,WAAaA,EAhDtB"}