@sunrise-upc/sales-static-components 3.7.8-beta.3 → 3.7.9

package/dist/cjs/components/linecheck/AutoComplete.css

@@ -0,0 +1,485 @@
+.inputrow {
+  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 8px;
+  background-color: #ffffff;
+  padding: 16px;
+  margin: 0px;
+}
+.truncation{
+  text-overflow: ellipsis;
+}
+
+.checking{
+  padding-right: 28px !important;
+}
+/* .gradientborder {
+  content: "";
+  border: 4px solid #bf0760;
+  border-radius: 12px;
+  z-index: 2;
+  position: relative;
+  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+} */
+.backdropindex {
+  z-index: 1;
+}
+.hideoverlay {
+  display: none;
+}
+.suggestionactive,
+.addresscontainer li:hover {
+  background-color: #f7f6f5;
+  cursor: pointer;
+}
+.suggestionactive,
+.addresscontainer li {
+  padding: 10px 12px;
+}
+.form-floating {
+  margin-right: 16px;
+}
+.form-control {
+  background: #f8f8f8;
+  background-color: #b2b2b2;
+  border: 1px solid;
+  font-weight: 700;
+  padding: 14px 12px;
+}
+
+.horizontallinetwo {
+  border-bottom: 1px solid #e6e3df;
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+
+.inputcontainer {
+  margin-right: 16px;
+}
+
+.inputcontainer input {
+  font-size: 16px;
+  line-height: 24px;
+  border: 1px solid #b3aeaa !important;
+  border-radius: 4px;
+  height: 52px;
+  padding: 14px 12px;
+  width: 100%;
+  background: #f7f6f5;
+}
+
+.inputcontainer .errorfield {
+  border: 2px solid #c60047 !important;
+}
+
+input:focus {
+  border: 2px solid #3d3935 !important;
+  color: #333333;
+  outline: none;
+}
+
+.cross-icon {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  padding: 14px;
+}
+.addresscontainer {
+  background: #ffffff;
+  box-shadow: 0px 8px 24px rgb(51 51 51 / 20%);
+  cursor: pointer;
+  list-style: none;
+  padding: 12px;
+  position: absolute;
+  text-align: left;
+  width: 100%;
+  z-index: 1000;
+  transition: all 1s ease-in;
+}
+
+.addresscontainer li:hover {
+  background-color: #f7f6f5;
+  cursor: pointer;
+}
+
+.addresscontainer :hover {
+  background: #e5e5e5;
+  border-radius: 4px;
+  text-align: left;
+  width: 100%;
+  z-index: 100;
+}
+.errormsg {
+  color: #c60047;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 500;
+  padding-top: 4px;
+}
+.addresstext {
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3935;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: unset;
+  text-align: center;
+}
+.successinput {
+  display: flex;
+  justify-content: center;
+}
+
+.networkInfo {
+  display: flex;
+  font-weight: 400;
+  color: #5f5955;
+  font-size: 14px;
+  line-height: 20px;
+  margin-top: 16px;
+  justify-content: center;
+  align-items: center;
+}
+
+.download {
+  color: #5f5955;
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.horizontallineone {
+  border-bottom: 1px solid #e6e3df;
+  margin-top: 12px;
+}
+.mobilecard {
+  display: flex;
+}
+.changeBtn {
+  display: inline-flex;
+  align-items: center;
+  padding: 8px;
+}
+.changeTxt {
+  color: #da291c;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 20px;
+}
+.changeTxt:hover {
+  cursor: pointer;
+  color: #961c13;
+}
+.changeTxt:active {
+  cursor: pointer;
+  color: #c7355f;
+}
+.divider {
+  margin-left: 8px;
+  color: #e6e3df;
+}
+.linechecktitle {
+  text-align: center;
+  padding-bottom: 16px;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 700;
+}
+.modembtn {
+  cursor: pointer;
+  color: #da291c;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 700;
+}
+.individuallinecheck {
+  display: inline-flex;
+  width: 100%;
+  .smallerinput {
+    width: 30%;
+    margin: 0px 12px 20px;
+  }
+  .streetinput {
+    margin: 0px 0px 0px 12px;
+  }
+  .cityinput {
+    margin: 0px 12px 0px 0px;
+  }
+}
+.marginautodefault {
+  margin: auto;
+}
+@media (max-width: 767px) {
+  .homeicon {
+    margin-top: 12px;
+  }
+  .inputbox {
+    width: fit-content;
+    width: 68%;
+  }
+  .inputcontainer {
+    margin: 0 16px;
+  }
+  .successinput {
+    right: 0px;
+  }
+  .addresstext {
+    margin-top: 12px;
+  }
+  .changeBtn {
+    justify-content: center;
+    margin: auto;
+    float: unset;
+  }
+  .mobileTable {
+    right: 6px;
+    top: 23px;
+  }
+  .networkInfo {
+    margin-top: 6px;
+    display: flex;
+    flex-direction: column;
+  }
+  .horizontallineone {
+    border-bottom: 1px solid #e6e3df;
+    margin: 16px 0;
+    display: flex;
+  }
+  .mobilecard {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  /* .mobilerow {
+    margin-top: 16px;
+  } */
+  .downloadText {
+    display: inline-flex;
+  }
+  .downloadText img {
+    margin-right: 4px;
+  }
+  .uploadText {
+    display: inline-flex;
+  }
+  .uploadText img {
+    margin-right: 4px;
+  }
+  .linecheckOverlay {
+    background-color: #e6e3df;
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+    z-index: 10000;
+    overflow: scroll;
+  }
+  .headerContainer {
+    background-color: #ffffff;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    text-align: center;
+    padding: 12px 0px;
+    color: #3d3935;
+    font-weight: 700;
+    padding-right: 16px;
+    font-size: 18px;
+    line-height: 24px;
+  }
+  .spinners {
+    top: 30vh;
+    position: relative;
+    left: 46vw;
+  }
+  .checktext {
+    position: relative;
+    top: 10px;
+    right: 50px;
+    left: -32vw;
+  }
+  .closeIcon {
+    position: absolute;
+    right: 15px;
+    top: 18px;
+  }
+  .addresscontainer {
+    margin-top: 20px;
+  }
+  .linechecktitle {
+    text-align: center;
+  }
+  .errormsgMob {
+    margin-left: 16px;
+  }
+  .individuallinecheck {
+    display: block;
+    margin: 16px 0px;
+    .smallerinput {
+      width: 100%;
+      margin: 0px 0px 20px 0px;
+    }
+    .cityinput {
+      width: 100%;
+      margin: 0px 0px 4px 0px;
+    }
+    .streetinput {
+      width: 100%;
+      margin: 0px 0px 20px 0px;
+    }
+  }
+  .secondarybutton {
+    background-color: #ffffff;
+    padding: 16px;
+    border-radius: 12px;
+    margin: 16px 20px;
+    height: 52px;
+  }
+}
+.tooltipcls {
+  cursor: pointer;
+}
+.error-msg-Center {
+  text-align: center;
+}
+.horizontal-line {
+  color: #e6e3df;
+  line-height: 1px;
+  margin: 8px 0;
+}
+.helpText {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: left;
+  color: #5f5955;
+  padding: 16px 16px 0px 16px;
+}
+.secondarybutton {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+  color: #da291c;
+  padding: 16px 0px 0px;
+  cursor: pointer;
+}
+
+@media (max-width: 767px) {
+  .secondarybutton {
+    margin-left: 16px;
+    padding-left: 16px;
+  }
+}
+
+/* .error{
+  border:2px solid red !important;
+  font-size: larger;
+  width: 30%;
+  margin : 0px 12px 20px;
+} */
+.inputcontainer .errorInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 12px 20px;
+  width: 30%;
+}
+
+.inputcontainer .errorCityInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 12px 0px 0px;
+  width: 100%;
+}
+.inputcontainer .errorStreetInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 0px 1px 12px;
+  width: 100%;
+}
+.errorbutton {
+  background-color: #ffffff;
+  padding: 0 16px 0 12px;
+  border-radius: 12px;
+  color: #da291c;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+}
+@media (max-width: 767px) {
+  .inputcontainer .errorInput {
+    width: 100%;
+    margin: 0 0 10px 0 !important;
+  }
+  .inputcontainer .errorCityInput {
+    margin: 0;
+  }
+  .inputcontainer .errorStreetInput {
+    margin: 0 0 10px 0 !important;
+  }
+  .errorbutton {
+    background-color: transparent;
+    padding: 0 16px 0 8px;
+  }
+}
+.maxspeed {
+  font-size: 14px;
+  line-height: 16px;
+  color: #5f5955;
+  font-weight: 400;
+}
+@media (min-width: 768px) {
+  .tooltip-align{
+    margin-top: -3px;
+  }
+  .oldspinnercontainer {
+    padding: 40px 24px;
+    gap: 40px;
+    border-radius: 8px;
+    opacity: 0px;
+    background-color: #ffffff;
+    box-shadow: 0px 2px 4px 0px #57545233;
+  }
+  .oldspinnercontents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .oldspinnerloads {
+    width: 32px;
+    height: 32px;
+    bottom: 12px;
+    position: relative;
+    color: #3d3935;
+  }
+  .oldchecktexts {
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 24px;
+    text-align: center;
+    color: #3d3935;
+    position: relative;
+    top: 10px;
+  }
+}
+@media (max-width: 767px) {
+  .spinnercontents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 12vh;
+  }
+
+  .oldspinnerload {
+    width: 40px;
+    height: 40px;
+    bottom: 25px;
+    position: relative;
+    color: #3d3935;
+  }
+
+  .oldchecktext {
+    color: #3d3935;
+    text-align: center;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+  }
+}

package/dist/cjs/components/linecheck/AutoComplete.js

@@ -0,0 +1,3 @@
+require('./AutoComplete.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("../RibbonComponent/utils.js");const l=n.forwardRef((l,i)=>{var o,r,s;const{inputValue:a,setInputValue:c,dropdownValue:d,placeholder:u,onChange:h,name:v,inputClassName:m,selectedData:g,minLength:p,maxLength:f,content:x,setApiError:j,setFetchingLineCheck:k,FetchingLineCheck:C,checkAvailability:y}=l,[b,w]=n.useState(-1),[N,A]=n.useState(!1),[F,L]=n.useState(!0),q=t.viewport();return n.useEffect(()=>{d&&d.length>0&&a.length>=3?A(!0):A(!1)},[d]),e.jsx(e.Fragment,{children:e.jsxs("div",{id:"dropdownselect",className:"inputcontainer form-floating",children:[e.jsx("input",{type:"text",placeholder:u,onChange:h,name:v,disabled:C||!F||y,onKeyDown:e=>{if(d&&Object.keys(d).length>0)if("Enter"===e.key||13===e.keyCode){if(-1===b)return;w(-1),L(!0),A(!1),c(d[b].concatedAddress),g(d[b])}else if("ArrowUp"===e.key||38===e.keyCode){if(-1===b)return void w(d.length-1);w(b-1)}else if("ArrowDown"===e.key||40===e.keyCode){if(b===d.length-1)return void w(-1);w(b+1)}else w(-1)},value:a,autoComplete:"off","aria-autocomplete":"none",className:m,spellCheck:"false",minLength:p,maxLength:f,autoFocus:!0}),e.jsx("label",{htmlFor:"address",className:"input-label",children:u}),!(C||y||!F)&&0!==(null==a?void 0:a.length)&&e.jsx("div",{className:"cross-icon",onClick:()=>{var e,n;(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.focus())||A(!1),c(""),null===(n=null==i?void 0:i.current)||void 0===n||n.focus(),j(!1),k(!1)},children:e.jsx("img",{src:null===(s=null===(r=null===(o=null==x?void 0:x.linecheckIcons)||void 0===o?void 0:o[0])||void 0===r?void 0:r.close)||void 0===s?void 0:s.filename,height:14,width:14,alt:"cross-icon"})}),N&&(null==d?void 0:d.length)&&e.jsx("ul",{className:"addresscontainer",children:d.map((n,t)=>{let l;return t===b&&(l="active"),e.jsxs(e.Fragment,{children:[e.jsx("li",{className:"active"===l?"suggestionactive":"",onClick:e=>((e,n)=>{w(-1),L(!0),A(!1),c(n.currentTarget&&n.currentTarget.innerText),g(e)})(n,e),children:n&&n.concatedAddress},t),"mobile"===q?e.jsx("span",{className:"horizontallineone"}):""]})})})]})})});exports.default=l;
+//# sourceMappingURL=AutoComplete.js.map

package/dist/cjs/components/linecheck/AutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.js","sources":["../../../../../src/components/linecheck/AutoComplete.tsx"],"sourcesContent":[null],"names":["AutoComplete","React","forwardRef","props","ref","inputValue","setInputValue","dropdownValue","suggestions","placeholder","onChange","name","inputClassName","selectedData","minLength","maxLength","content","setApiError","setFetchingLineCheck","FetchingLineCheck","checkAvailability","activeSuggestion","seActiveSuggestion","useState","showSuggestions","setShowSuggestions","formDisable","setFormDisable","viewPort","viewport","useEffect","length","_jsx","_Fragment","children","_jsxs","id","className","type","disabled","onKeyDown","e","Object","keys","key","keyCode","concatedAddress","value","autoComplete","spellCheck","autoFocus","htmlFor","onClick","_a","current","focus","_b","src","_c","linecheckIcons","close","filename","height","width","alt","map","suggestion","index","activeClass","data","currentTarget","innerText","onSelection"],"mappings":"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"}

package/dist/cjs/components/linecheck/IndividualLineCheck.css

@@ -0,0 +1,143 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.IndividualLineCheck-module__inputcontainer___PLD5m {
+  position: relative;
+  margin: 8px 16px 16px 0;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .form-floating {
+  margin-right: 0;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__comman-css___8Uz7D {
+  border: 1px solid #B3AEAA;
+  background-color: #F7F6F5;
+  border-radius: 4px;
+  padding: 13px 12px 13px 12px;
+  gap: 4px;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m input {
+  border: 1px solid #B3AEAA !important;
+  font-size: 16px;
+  line-height: 24px;
+  border-radius: 4px;
+  height: 52px;
+  padding: 14px 12px;
+  width: 100%;
+  background: #F7F6F5;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m {
+    margin: 16px 16px 0;
+  }
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorInputs___L5IRb {
+  border: 2px solid #BF0760 !important;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck___rPIEt, .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+  display: inline-flex;
+  width: 100%;
+  margin-bottom: 24px;
+  gap: 12px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck___rPIEt, .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+    display: block;
+    text-align: center;
+    margin-bottom: 0px;
+  }
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorbutton___u975E {
+  background-color: #ffffff;
+  padding: 0 16px 0 12px;
+  border-radius: 12px;
+  color: #da291c;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorbutton___u975E {
+    background-color: transparent;
+    padding: 0 16px 0 8px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__btn___8qsKm {
+    width: 100% !important;
+  }
+}
+
+.IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+  min-width: 145px;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+    min-width: 120px !important;
+  }
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+    min-width: 88px !important;
+    margin-bottom: 32px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN:has(.IndividualLineCheck-module__error-section___2Gq-t) {
+    margin-bottom: 8px;
+  }
+}
+
+.IndividualLineCheck-module__cityinputcontainer___3F-4N {
+  min-width: 340px !important;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N {
+    min-width: 230px !important;
+  }
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N {
+    min-width: 88px !important;
+    margin-bottom: 32px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N:has(.IndividualLineCheck-module__error-section___2Gq-t) {
+    margin-bottom: 8px;
+  }
+}
+
+.IndividualLineCheck-module__error-section___2Gq-t {
+  font-size: 16px;
+  line-height: 24px;
+  color: #BF0760;
+  font-weight: 400;
+}
+.IndividualLineCheck-module__error-section___2Gq-t > img {
+  margin-right: 4px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__error-section___2Gq-t {
+    text-align: left;
+  }
+}
+
+.IndividualLineCheck-module__errorinput-small___IEral {
+  margin-bottom: 0 !important;
+}
+
+.IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+  margin-bottom: 0 !important;
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__errorinput-small-mobile___jt7pM {
+    margin-bottom: 8px;
+  }
+}

package/dist/cjs/components/linecheck/IndividualLineCheck.js

@@ -0,0 +1,3 @@
+require('./IndividualLineCheck.css');
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),l=require("../RibbonComponent/utils.js"),s=require("./IndividualLineCheck.module.scss.js");const n=t.forwardRef(({parentCallBackIndividual:n,content:i,apiError:o,setApiError:d,setFetchingLineCheck:r,setSelectedAddress:a,FetchingLineCheck:u,addressRef:c,openIndividualLineCheck:m,selected:v,addressNotFound:f,setaddressNotFound:h,isAddressNotFilled:p,setAddressNotFilled:b,setIndivialOpen:j},g)=>{const[N,x]=t.useState({street:"",city:"",postCode:"",houseNumber:"",concatedAddress:""}),[y,C]=t.useState(""),$=l.viewport(),[O,F]=t.useState(!1);t.useEffect(()=>{"function"==typeof d&&d(!1),"function"==typeof r&&r(!1),"function"==typeof a&&a("")},[]);const k=e=>{h(!0),x(Object.assign(Object.assign({},N),{[e.target.name]:e.target.value}));const t=Object.assign(Object.assign({},N),{[e.target.name]:e.target.value});I(Object.assign({},t)),d(!1),r(!1),j(e=>Object.assign(Object.assign({},e),{indErrorOpen:!1}))};t.useEffect(()=>{x(v)},[f]);const I=e=>{let t="";""!==(null==e?void 0:e.postCode)&&""!==e.city&&""!==e.houseNumber&&""!==e.street?(t=e.street+" "+e.houseNumber+", "+e.postCode+" "+e.city,C(t)):(t="",C(""))};t.useEffect(()=>{const e=Object.assign(Object.assign({},N),{concatedAddress:y});x(Object.assign(Object.assign({},N),{concatedAddress:y})),"mobile"!==$&&n(e,O)},[y]);const A=()=>e.jsxs("p",{className:s.default["error-section"],children:[e.jsx("img",{src:"/ecom-int/icons/error-msg-icon.svg",height:14,width:14,alt:"error"}),null==i?void 0:i.requiredFieldText]});return e.jsxs("div",{className:`${s.default.inputcontainer} ${p&&s.default["errorinput-container"]}`,children:[e.jsxs("div",{className:`${p&&f&&(""===(null==N?void 0:N.postCode)||""===(null==N?void 0:N.city))&&s.default["errorinput-small"]} ${s.default.individuallinecheck}`,children:[e.jsxs("div",{className:`${s.default.smallerinputcontainer} form-floating ${p&&f&&""===(null==N?void 0:N.postCode)&&s.default["errorinput-small-mobile"]}`,children:[e.jsx("input",{required:!0,placeholder:(null==i?void 0:i.zip)+"*",name:"postCode",onChange:k,value:u||f?null==N?void 0:N.postCode:null==v?void 0:v.postCode,className:`form-control\n                ${(p||O)&&f&&""===(null==N?void 0:N.postCode)?s.default.errorInputs:s.default["comman-css"]} `}),e.jsx("label",{htmlFor:"address",children:(null==i?void 0:i.zip)+"*"}),(p||O)&&""===(null==N?void 0:N.postCode)&&f&&A()]}),e.jsxs("div",{className:`${s.default.cityinputcontainer} form-floating ${p&&f&&""===(null==N?void 0:N.city)&&s.default["errorinput-small-mobile"]}`,children:[e.jsx("input",{placeholder:(null==i?void 0:i.city)+"*",name:"city",onChange:k,value:u||f?null==N?void 0:N.city:null==v?void 0:v.city,className:`form-control\n                ${(p||O)&&f&&""===(null==N?void 0:N.city)?s.default.errorInputs:s.default["comman-css"]}`}),e.jsx("label",{htmlFor:"address",children:(null==i?void 0:i.city)+"*"}),(p||O)&&""===(null==N?void 0:N.city)&&f&&A()]})]}),e.jsxs("div",{className:`${s.default["individuallinecheck-bottom"]}`,children:[e.jsxs("div",{className:`${s.default.cityinputcontainer} form-floating ${p&&f&&""===(null==N?void 0:N.street)&&s.default["errorinput-small-mobile"]}`,children:[e.jsx("input",{placeholder:(null==i?void 0:i.street)+"*",name:"street",onChange:k,value:u||f?null==N?void 0:N.street:null==v?void 0:v.street,className:`form-control\n                ${(p||O)&&f&&""===(null==N?void 0:N.street)?s.default.errorInputs:s.default["comman-css"]}`}),e.jsx("label",{htmlFor:"address",children:(null==i?void 0:i.street)+"*"}),(p||O)&&""===(null==N?void 0:N.street)&&f&&A()]}),e.jsxs("div",{className:`${s.default.smallerinputcontainer} form-floating ${p&&f&&""===(null==N?void 0:N.houseNumber)&&s.default["errorinput-small-mobile"]}`,children:[e.jsx("input",{placeholder:(null==i?void 0:i.houseNumber)+"*",name:"houseNumber",onChange:k,value:u||f?null==N?void 0:N.houseNumber:null==v?void 0:v.houseNumber,className:`form-control\n                ${(p||O)&&f&&""===(null==N?void 0:N.houseNumber)?s.default.errorInputs:s.default["comman-css"]}`}),e.jsx("label",{htmlFor:"address",children:(null==i?void 0:i.houseNumber)+"*"}),(p||O)&&""===(null==N?void 0:N.houseNumber)&&f&&A()]})]}),"mobile"===$&&e.jsx(e.Fragment,{children:e.jsx("div",{className:s.default.individuallinecheck,children:e.jsx("button",{name:"check address button",type:"button",className:`primarybutton ${s.default.btn}`,disabled:!1,onClick:()=>{F(!0),""!==(null==N?void 0:N.postCode)&&""!==(null==N?void 0:N.city)&&""!==(null==N?void 0:N.houseNumber)&&""!==(null==N?void 0:N.street)?"function"==typeof n&&n(N,!0):"function"==typeof b&&b(!p)},style:{width:"50%"},children:null==i?void 0:i.buttonvalue})})})]})});exports.IndividualLineCheck=n;
+//# sourceMappingURL=IndividualLineCheck.js.map

package/dist/cjs/components/linecheck/IndividualLineCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndividualLineCheck.js","sources":["../../../../../src/components/linecheck/IndividualLineCheck.tsx"],"sourcesContent":[null],"names":["IndividualLineCheck","React","forwardRef","parentCallBackIndividual","content","apiError","setApiError","setFetchingLineCheck","setSelectedAddress","FetchingLineCheck","addressRef","openIndividualLineCheck","selected","addressNotFound","setaddressNotFound","isAddressNotFilled","setAddressNotFilled","setIndivialOpen","ref","addressData","setAddressData","useState","street","city","postCode","houseNumber","concatedAddress","concatedAddressState","setConcatedAddressState","viewPort","viewport","clicked","setClicked","useEffect","handleChange","e","target","name","value","tempAddress","Object","assign","updateConcatenatedAddress","prevState","indErrorOpen","data","errorData","_jsxs","className","Styles","children","_jsx","src","height","width","alt","requiredFieldText","required","placeholder","zip","onChange","htmlFor","_Fragment","type","disabled","onClick","style","buttonvalue"],"mappings":"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"}