@commercelayer/react-components 4.5.0-beta.2 → 4.5.0-beta.4

package/lib/esm/utils/isEmpty.js

@@ -1 +1,2 @@
+"use client";
 export function isEmpty(value){if(value==null)return!0;if(Array.isArray(value)||typeof value=="string")return value.length===0;if(typeof value=="object")return Object.keys(value).length===0;throw new Error("Invalid value for isEmpty function")}

package/lib/esm/utils/isEmptyStates.js

@@ -1 +1,2 @@
+"use client";
 const countryLock=["IT","US"];export default function isEmptyStates(countryCode){return!countryLock.includes(countryCode)}

package/lib/esm/utils/isJSON.js

@@ -1 +1,2 @@
+"use client";
 export default function isJSON(str){try{return JSON.parse(str),!0}catch{return!1}}

package/lib/esm/utils/jwt.js

@@ -1 +1,2 @@
+"use client";
 import jwtDecode from"jwt-decode";export default function jwt(accessToken){return jwtDecode(accessToken)}

package/lib/esm/utils/localStorage.js

@@ -1 +1,2 @@
+"use client";
 export const getLocalOrder=key=>localStorage.getItem(key),setLocalOrder=(key,value)=>{localStorage.setItem(key,value)},deleteLocalOrder=key=>{localStorage.removeItem(key)},getSavePaymentSourceToCustomerWallet=()=>localStorage.getItem("_save_payment_source_to_customer_wallet")==="true",getSaveBillingAddressToAddressBook=()=>localStorage.getItem("_save_billing_address_to_customer_address_book")==="true",getSaveShippingAddressToAddressBook=()=>localStorage.getItem("_save_shipping_address_to_customer_address_book")==="true";export function setCustomerOrderParam(key,value){setLocalOrder(key,value)}

package/lib/esm/utils/omit.js

@@ -1 +1,2 @@
+"use client";
 export default function omit(obj,keys){return Object.fromEntries(Object.entries(obj).filter(([k,_])=>!keys.includes(k)))}

package/lib/esm/utils/organization.js

@@ -1 +1,2 @@
+"use client";
 import{getDomain}from"./getDomain";export default function getOrganizationSlug(endpoint){const org={organization:"",domain:"commercelayer.io"},{domain,slug}=getDomain(endpoint);return{organization:slug,domain:domain||org.domain}}

package/lib/esm/utils/pick.js

@@ -1 +1,2 @@
+"use client";
 export function pick(object,keys){const result={};for(const key of keys)result[key]=object[key];return result}

package/lib/esm/utils/placeholderImages.js

@@ -1 +1,2 @@
+"use client";
 export const defaultImgUrl="https://data.commercelayer.app/assets/images/placeholders/img_placeholder.svg",defaultGiftCardImgUrl="https://data.commercelayer.app/assets/images/placeholders/gift_placeholder.svg";

package/lib/esm/utils/promisify.js

@@ -1 +1,2 @@
+"use client";
 import isFunction from"lodash/isFunction";export default async function promisify(cb,params){return await new Promise((resolve,reject)=>{params?cb(params,(err,res)=>{err&&reject(err),resolve(res)}):isFunction(cb?.tokenize)?cb?.tokenize((err,payload)=>{err&&reject(err),resolve(payload)}):cb((err,res)=>{err&&reject(err),resolve(res)})})}

package/lib/esm/utils/replace.js

@@ -1 +1,2 @@
+"use client";
 export function replace(value,replace2,replacement){return value.replace(replace2,replacement)}

package/lib/esm/utils/scrollbarWidth.js

@@ -1 +1,2 @@
+"use client";
 export default function scrollbarWidth(){if(typeof document>"u")return 0;const scrollDiv=document.createElement("div");scrollDiv.setAttribute("style","width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;"),document.body.appendChild(scrollDiv);const scrollbarWidth2=scrollDiv.offsetWidth-scrollDiv.clientWidth;return document.body.removeChild(scrollDiv),scrollbarWidth2}

package/lib/esm/utils/shipments.js

@@ -1 +1,2 @@
+"use client";
 import compact from"lodash/compact";import isEmpty from"lodash/isEmpty";export function shipmentsFilled(shipments){const filled=compact(shipments.filter(shipment=>!isEmpty(shipment.shipping_method)));return!isEmpty(filled)}export function isDoNotShip(lineItems){const itemDoNotShip=[],items=lineItems?lineItems.filter(({item_type})=>item_type==="skus").map(lineItem=>(lineItem.item&&lineItem?.item?.do_not_ship&&itemDoNotShip.push(!0),lineItem)):[];return itemDoNotShip.length>0&&itemDoNotShip.length===items.length}

package/lib/esm/utils/snakeToCamelCase.js

@@ -1 +1,2 @@
+"use client";
 export function snakeToCamelCase(value){const words=value.toLowerCase().split("_"),first=words[0]??"",firstLetter=words[1]?.[0]?.toUpperCase()??"",second=words[1]?.substring(1)??"";return`${first}${firstLetter}${second}`}

package/lib/esm/utils/validateFormFields.js

@@ -1 +1,2 @@
+"use client";
 import isEmpty from"lodash/isEmpty";import isString from"lodash/isString";import without from"lodash/without";import keys from"lodash/keys";import map from"lodash/map";import{addressFields}from"../reducers/AddressReducer";const EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/;export const validateValue=(val,name,type,resourceType)=>val?type==="email"&&isString(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return map(fields,v=>{const val="checked"in v||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.includes(attrName)||v.required){const error=validateValue(val,v.name,v.type,resourceType);isEmpty(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}};export const fieldsExist=(address,schema=addressFields)=>{if(address.business){const required=without(schema,"first_name","last_name"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=without(schema,"line_2","company"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}};const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];export function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}export default validateFormFields;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "4.5.0-beta.2",
+  "version": "4.5.0-beta.4",
   "description": "The Official Commerce Layer React Components",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -167,14 +167,16 @@
   "dependencies": {
     "@ac-dev/countries-service": "^1.2.0",
     "@ac-dev/states-service": "^1.1.1",
-    "@adyen/adyen-web": "^5.44.0",
-    "@commercelayer/sdk": "^5.4.1",
-    "@stripe/react-stripe-js": "^2.1.0",
-    "@stripe/stripe-js": "^1.54.0",
-    "@tanstack/react-table": "^8.9.2",
+    "@adyen/adyen-web": "^5.49.3",
+    "@commercelayer/sdk": "^5.10.0",
+    "@stripe/react-stripe-js": "^2.1.1",
+    "@stripe/stripe-js": "^2.0.0",
+    "@tanstack/react-table": "^8.9.3",
+    "@types/iframe-resizer": "^3.5.9",
     "axios": "^1.4.0",
-    "braintree-web": "^3.94.0",
+    "braintree-web": "^3.96.1",
     "frames-react": "^1.1.0",
+    "iframe-resizer": "^4.3.6",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "rapid-form": "^2.1.0"
@@ -182,30 +184,30 @@
   "devDependencies": {
     "@commercelayer/js-auth": "^4.1.1",
     "@faker-js/faker": "^8.0.2",
-    "@playwright/test": "^1.35.0",
-    "@testing-library/dom": "^9.3.0",
+    "@playwright/test": "^1.36.2",
+    "@testing-library/dom": "^9.3.1",
     "@testing-library/react": "^14.0.0",
-    "@types/braintree-web": "^3.75.23",
-    "@types/lodash": "^4.14.195",
-    "@types/node": "^20.3.0",
+    "@types/braintree-web": "^3.94.0",
+    "@types/lodash": "^4.14.196",
+    "@types/node": "^20.4.8",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.2.11",
+    "@types/react": "^18.2.19",
     "@types/react-test-renderer": "^18.0.0",
     "@types/react-window": "^1.8.5",
-    "@vitejs/plugin-react": "^4.0.0",
-    "@vitest/coverage-c8": "^0.32.0",
+    "@vitejs/plugin-react": "^4.0.4",
+    "@vitest/coverage-c8": "^0.33.0",
     "jsdom": "^22.1.0",
-    "minimize-js": "^1.3.1",
-    "msw": "^1.2.2",
+    "minimize-js": "^1.4.0",
+    "msw": "^1.2.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
-    "tsc-alias": "^1.8.6",
-    "tslib": "^2.5.3",
-    "typescript": "^5.1.3",
-    "vite": "^4.3.9",
+    "tsc-alias": "^1.8.7",
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.9",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^0.32.0"
+    "vitest": "^0.34.1"
   },
   "peerDependencies": {
     "react": "^18.0.0"
@@ -220,7 +222,7 @@
     "coverage:report": "nyc report --reporter=html",
     "build": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && pnpm postbuild",
     "build:dev": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json",
-    "postbuild": "tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json &&  minimize-js lib -w -s",
+    "postbuild": "tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json &&  minimize-js lib -w -s -b '\"use client\";'",
     "dev": "NODE_OPTIONS='--inspect' next dev"
   }
 }

package/lib/cjs/utils/getCartLink.d.ts

@@ -1,8 +0,0 @@
-interface TArgs {
-    orderId: string;
-    accessToken: string;
-    slug: string;
-    domain: string;
-}
-export default function getCartLink({ orderId, accessToken, slug, domain }: TArgs): string;
-export {};

package/lib/cjs/utils/getCartLink.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function getCartLink({orderId,accessToken,slug,domain}){return`https://${slug}.${domain==="commercelayer.io"?"":"stg."}commercelayer.app/cart/${orderId}?accessToken=${accessToken}`}exports.default=getCartLink;

package/lib/esm/utils/getCartLink.d.ts

@@ -1,8 +0,0 @@
-interface TArgs {
-    orderId: string;
-    accessToken: string;
-    slug: string;
-    domain: string;
-}
-export default function getCartLink({ orderId, accessToken, slug, domain }: TArgs): string;
-export {};

package/lib/esm/utils/getCartLink.js

@@ -1 +0,0 @@
-export default function getCartLink({orderId,accessToken,slug,domain}){return`https://${slug}.${domain==="commercelayer.io"?"":"stg."}commercelayer.app/cart/${orderId}?accessToken=${accessToken}`}